使用媒体查询构建百分比宽度网站的一个非常好的功能是,当您放大时,该网站将始终占视口(viewport)的 100%,即使在缩放时也尊重媒体查询。
请参阅http://pastebin.com/ige96Czv完整的 CSS 文件(它实际上是一个 .less 文件)
和https://s140452.gridserver.com/locations/
测试站点。
我上面描述的缩放效果在 Firefox 和 Safari 中效果很好,但在 Chrome 上,媒体查询不会在缩放上注册。
有人知道为什么吗?这是 Chrome 的错误,还是我的代码有问题?
最佳答案
此处更详细地解释了该错误:
关于css - Chrome + CSS3 : media query zoom bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9321283/