使用媒体查询构建百分比宽度网站的一个非常好的功能是,当您放大时,网站将始终是视口的100%,即使在缩放时也会尊重媒体查询。
请参阅http://pastebin.com/ige96Czv对于完整的CSS文件(实际上是一个.less文件)
以及https://s140452.gridserver.com/locations/
测试场地。
我上面描述的缩放效果在Firefox和Safari中效果很好,但在Chrome上,媒体查询不会在缩放时注册。
有人知道为什么吗?这是Chrome的错误,还是我的代码有问题?
这里对错误进行了更详细的解释:
http://alastairc.ac/2012/01/zooming-bug-in-webkit/