google-chrome - 在 Chrome 中使用 css 媒体查询调整窗口大小时浏览器闪烁白色

Question

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

我的媒体查询:

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

    /* Styles go here */

}

Answer 1

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

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

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

-webkit-backface-visibility: hidden;

我将这些声明应用于 body 标签，但它可能对您有不同的作用，具体取决于您的网站。