CSS Media Query适用范围超出范围

Question

我正在使用以下媒体查询：

@media (max-width: 1439px) and (min-width: 940px) {
    ...
}

关于它的奇怪之处在于，当我在手机上或使用Chrome设备模拟试用它时，它总是适用。无论浏览器/仿真窗口有多小。

Answer 1

使用媒体查询时，必须指定媒体类型（screen）

@media screen and (max-width: 1439px) and (min-width: 940px) {...}

第二件事，你必须在你的html中加入<meta>

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