【问题标题】:Browser flashes white when resizing window using css media queries in Chrome在 Chrome 中使用 css 媒体查询调整窗口大小时浏览器闪烁白色
【发布时间】:2012-08-01 09:13:17
【问题描述】:

在 Chrome 中调整浏览器窗口大小时,在使用单个 CSS 媒体查询声明时出现白色闪烁。如果我删除媒体查询,问题就会消失。有没有人遇到过这个问题?有解决方法吗?

我的媒体查询:

@media screen and (min-width: 1200px) {

    /* Styles go here */

}

【问题讨论】:

    标签: google-chrome media-queries


    【解决方案1】:

    经过一些研究并与其他几个人聊天后,我们能够找到解决此 webkit 错误的方法。为了修复白色闪烁,我可以使用这些 CSS 声明:

    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    

    我也被告知这也可以绕过 webkit 错误:

    -webkit-backface-visibility: hidden;
    

    我将这些声明应用于 body 标记,但它对您的工作方式可能会有所不同,具体取决于您的网站。

    【讨论】:

      【解决方案2】:

      这可能是 chrome 中的一个已知问题。你用的是什么版本。似乎这是根据这个线程修复的;

      http://code.google.com/p/chromium/issues/detail?id=1373

      【讨论】:

      • 我使用的是最新版本 20.0.1132.57。谢谢你的帖子,我会花一些时间阅读它。
      猜你喜欢
      • 1970-01-01
      • 2011-07-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-14
      • 1970-01-01
      • 2014-12-29
      相关资源
      最近更新 更多