css - Chrome + CSS3 : media query zoom bug

标签 css google-chrome media-queries responsive-design

使用媒体查询构建百分比宽度网站的一个非常好的功能是,当您放大时,该网站将始终占视口(viewport)的 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/

关于css - Chrome + CSS3 : media query zoom bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9321283/

相关文章:

css - @font-face 在 WordPress 主题中不起作用

javascript - 如何输入允许文本的数字?

javascript - Highcharts - Safari/IE 的自定义导航器拖动器问题

html - 实现列之间的框架边距

Android Chrome 多行文本阴影渲染模糊

Css 媒体查询 - IE 7 未加载

iphone - 如何在 iPhone 中隐藏 CSS,而不是在其他浏览器中隐藏?

css - 输入类型密码破坏了 Chrome 和 Opera 中的布局

html - 当 ol 元素具有角色时,可访问性审核失败

css - 修复浏览器中的视口(viewport)以响应站点