Question

我正在使用CSS媒体查询来调整我的页面的外观，如果它非常狭窄。在我的简化示例中，如果页面宽度小于300px，我将使背景变为蓝色。

@media all and (max-width: 300px) {
    body{ background-color:blue;}
}

我最近发现，如果用户缩放（Ctrl + Scrollwheel或Chrome Wrench＆gt; Zoom），最大宽度仍会以300个实际像素，而不是300个缩放像素。这可以打破具有更复杂布局的网站。有没有办法让max-width媒体查询处理缩放浏览器的用户？

Answer 1

我已经进行了实验，似乎您可以使用媒体查询进行缩放，但是在Webkit浏览器中，您必须定义视口。