响应性不适用于“设备模式”谷歌浏览器开发工具

Question

我正在创建一个在我调整窗口大小时响应的网站。当我切换设备模式时，即使我低于断点，响应也不起作用。我不明白为什么当我触发断点但在设备模式下它不能在普通浏览器中工作。我做错了什么？

// style.css
html {
    font-size: 62.5%;
}
@media (max-width: 75em) {
    html {
        font-size: 56.25%;
    }
}
@media (max-width: 56.25em) {
    html {
        font-size: 50%;
    }
}
@media (min-width: 112.5em) {
    html {
        font-size: 75%;
    }
}

谢谢。

Answer 1

你犯的错误是没有添加only screen and。尝试做：

@media only screen and (max-width: ...) {}