使用Chrome中的css媒体查询调整窗口大小时,浏览器会闪烁白色

时间:2012-07-31 18:37:05

标签: google-chrome media-queries

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

我的媒体查询:

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

    /* Styles go here */

}

2 个答案:

答案 0 :(得分:3)

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

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

我也被告知这可能会解决webkit错误:

-webkit-backface-visibility: hidden;

我将这些声明应用于body标签,但根据您的网站的不同,它可能会有所不同。

答案 1 :(得分:1)

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

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