在 Chrome 中调整浏览器窗口的大小时,使用单个 CSS 媒体查询声明时出现白色闪烁。如果我删除媒体查询,问题就会消失。有没有人遇到过这个问题?有解决方法吗?
我的媒体查询:
@media screen and (min-width: 1200px) {
/* Styles go here */
}
在 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;
我将这些声明应用于 body 标记,但它对您的工作方式可能不同,具体取决于您的网站。
这可能是 chrome 中的一个已知问题。你用的是什么版本。似乎这是按照这个线程修复的;