媒体查询在移动设备上未得到尊重？

Question

在头部我有：

<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＆gt;页面中启用css。 640px而不是手机/智能手机/平板电脑设备，仅用于个人电脑/笔记本电脑。 现在的问题是：为什么不在240x340 px屏幕的移动设备上工作？在这种情况下，我应该加载没有CSS的页面，但在我的手机（三星GT-s5222）它加载相同的CSS。 我想这个手机会忽略媒体查询＆＃39;并加载相同的CSS。那我怎么能解决这个问题呢？ 非常感谢。

Answer 1

我通常不会使用媒体查询。只需使用一张表并将查询放在那里：

Styles.css中：

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

也许浏览器并不像你在。

中使用它那样理解媒体查询

Answer 2

如果删除device的{​​{1}}会怎样？