最小宽度和最大宽度 css 媒体查询答案

【问题标题】：Min-width and Max-width css media queries最小宽度和最大宽度 css 媒体查询
【发布时间】：2012-03-19 19:30:56
【问题描述】：

<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />

在使用宽度为 720 像素的三星 Galaxy Nexus 时，该行代码是否应该加载样式表“mobile-large.css”？但是它不是这样是什么原因，我该如何解决？

我也在用这个：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

【问题讨论】：

【解决方案1】：

我认为您也可以从查询字符串中删除“all and”。

【讨论】：

【解决方案2】：

可能你必须定义device-width 而不是简单的宽度。像这样写：

<link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />

【讨论】：