最小宽度和最大宽度的css媒体查询

时间:2012-03-01 09:49:57

标签: html css media-queries

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

当使用宽度为720px的Samsung Galaxy Nexus时,该行代码是否应该加载样式表“mobile-large.css”?但事实并非如此,原因是什么?如何解决?

我也在使用它:

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

2 个答案:

答案 0 :(得分:7)

您可能需要定义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" />

答案 1 :(得分:1)

我想你也可以从查询字符串中删除“all and”。