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

问题描述：

<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”？然而，它不是那么理由，我该如何解决它？最小宽度和最大宽度的CSS媒体查询

我用这太：

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

答

可能是你定义的，而不是简单的宽度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" />

这有效，但为什么？当browswer窗口等于屏幕的大小不应该设备宽度和宽度工作平等？看到我更新的问题，我说我使用元标记视口 – LuckyLuke 2012-03-01 10:01:19

为什么iPhone 4和iPhone 3G具有相同的尺寸？他们得到相同的CSS，但iPhone 4的像素增加了一倍？ – LuckyLuke 2012-03-01 10:12:27

答

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