在Chrome中调整浏览器窗口大小时,使用单个CSS媒体查询声明时会出现白色闪烁。如果我删除媒体查询,问题就会消失。有没有人遇到过这个问题?有没有解决方法?使用Chrome中的css媒体查询调整窗口大小时,浏览器闪烁白色
我的媒体查询:
@media screen and (min-width: 1200px) {
/* Styles go here */
}
在Chrome中调整浏览器窗口大小时,使用单个CSS媒体查询声明时会出现白色闪烁。如果我删除媒体查询,问题就会消失。有没有人遇到过这个问题?有没有解决方法?使用Chrome中的css媒体查询调整窗口大小时,浏览器闪烁白色
我的媒体查询:
@media screen and (min-width: 1200px) {
/* Styles go here */
}
这大概是在浏览器的已知问题。你使用的是什么版本。似乎这是根据这个线程修复的;
了一些研究,并与其他几个人闲聊后,我们能够找到这个WebKit的漏洞的修复程序。要解决白光一闪,我就能够使用这些CSS声明:
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
我也被告知,这也可能让周围的WebKit的错误:
-webkit-backface-visibility: hidden;
我申请这些声明以身体标记,但它可能对您有不同的效果,具体取决于您的网站。
我正在使用版本20.0.1132.57,这是最新版本。感谢那个帖子,我会花一些时间阅读它。 – onestepcreative 2012-07-31 19:13:47