移动设备上不支持媒体查询？答案

【问题标题】：Media query not respected on mobile device?移动设备上不支持媒体查询？
【发布时间】：2015-06-21 18:41:50
【问题描述】：

在头部我有：

<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/desktop.css" rel="stylesheet" type="text/css" media="screen and (min-width:640px) and (min-device-width:1025px)">

最终结果是，我希望仅在 windows min-width > 640px 并且不是移动/智能手机/平板设备时启用页面中的 css，仅监视 pc/笔记本。现在的问题是：为什么不能在具有 240x340 像素屏幕的移动设备上工作？在这种情况下，我应该加载没有 css 的页面，但在我的手机（三星 gt-s5222）中，它加载的 css 相同。我想这个手机会忽略“媒体查询”并加载相同的 CSS。我该如何解决这个问题？非常感谢。

【问题讨论】：

标签： css

【解决方案1】：

我通常不会在 .只需使用一张纸并将查询放在那里：

样式.css：

@media screen and (min-width: 640px) {
.cssstuff {
display:none;
}
}

也许浏览器不理解像您在 .

中使用的媒体查询。

【讨论】：

好。非常感谢。所以在我的手机中没有加载css。只是最后一件事。此解决方案中有一些“错误”吗？我这样说是为了确保所有设备的结果都是相同的，除了宽度 > 640px 的所有 Windows。
很高兴它有帮助。媒体查询应该适用于所有设备。您可以在此处查看官方语法：w3schools.com/cssref/css3_pr_mediaquery.asp 如果答案有帮助，请不要忘记点赞 :)

【解决方案2】：

如果删除min-device-width:1025px 的device 会怎样？

【讨论】：

我使用 min-device-width:1024px 强制仅在宽度分辨率 > 1024 的显示器上加载 css 样式表。此属性应排除所有分辨率