Chrome + css3：媒体查询缩放错误

Posted 2023-03-06

【中文标题】Chrome + css3：媒体查询缩放错误

【英文标题】：Chrome + css3: media query zoom bug

【发布时间】：2012-03-08 10:35:51

【问题描述】：

使用媒体查询构建百分比宽度网站的一个非常好的功能是，当您放大时，该网站将始终为 100% 的视口，即使在缩放时也尊重媒体查询。

请参阅http://pastebin.com/ige96Czv 获取完整的 CSS 文件（它实际上是一个 .less 文件）

和https://s140452.gridserver.com/locations/

用于测试站点。

我上面描述的缩放效果在 Firefox 和 Safari 中效果很好，但在 Chrome 上，媒体查询不会注册缩放。

有人知道为什么吗？这是 Chrome 的错误，还是我的代码有问题？

【问题讨论】：

希望他们能解决这个问题。查询与缩放一起使用非常有意义。

【参考方案1】：

这里更详细地解释了这个错误：

http://alastairc.ac/2012/01/zooming-bug-in-webkit/