3

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

我的媒体查询:

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

    /* Styles go here */

}
4

2 回答 2

3

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

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

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

-webkit-backface-visibility: hidden;

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

于 2012-08-01T01:13:17.327 回答
1

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

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

于 2012-07-31T19:01:48.833 回答