使用媒体查询时，似乎只有第一组有效，我不知道为什么。如果我交换它们，那么仍然只有第一个有效。我尝试过从最大宽度更改为最小宽度，我尝试删除 and 条件，我尝试删除所有 Javascript。我尝试删除所有 CSS，只保留带有 body {display:none} 的媒体查询。媒体查询位于我的样式表的末尾。视口元是正确的（见下文）。
这些尝试都没有解决我的问题。有人知道为什么会发生这种情况吗？我与@media 合作过一百次，但从来没有遇到过这个问题。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@media (max-width: 740px) and (min-width: 420px) {
.product {
width:45% !important;
margin:10px 10px 10px 10px !important;
}
.products-container select {
width:85%;
}
}
@media (max-width: 340px) {
body {
display:none;
}
}
Update我检查了 FireFox 的控制台。我实际上收到以下错误：
悬空组合器。由于选择器错误而忽略了规则集。
我明白它想表达的意思，但是查询的语法没有任何问题。
没关系，想通了。
CSS 中有一个隐藏的字符。考虑到我自己输入了其他所有内容，这很奇怪，也许 Dreamweaver 将其放在那里？也许是一个小故障？无论如何，将其复制到 MS Word 并将其粘贴回 Dreamweaver 修复了该问题。
PS感谢您的帮助！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
