我正在使用以下媒体查询:
@media (max-width: 1439px) and (min-width: 940px) {
...
}
奇怪的部分是,当我在手机或镀铬设备仿真中尝试时,它总是适用。无论浏览器/仿真窗口有多小。
当您使用媒体查询时,必须指定媒体类型(screen
)
@media screen and (max-width: 1439px) and (min-width: 940px) {...}
第二件事,您必须在html中包含此<meta>
<meta name="viewport" content="width=device-width, initial-scale=1" />