我正在使用以下媒体查询:
@media (max-width: 1439px) and (min-width: 940px) {
...
}
奇怪的是，当我在手机上或使用 chrome 设备模拟尝试时，它总是适用。无论浏览器/仿真窗口有多小。
最佳答案
当您使用媒体查询时，您必须指定媒体类型 ( screen )
@media screen and (max-width: 1439px) and (min-width: 940px) {...}
第二，你必须在你的 html 中包含这个 <meta>
<meta name="viewport" content="width=device-width, initial-scale=1" />
关于CSS 媒体查询超出范围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40762357/