令人难以置信的谷歌Chrome渲染

2018-07-03 14:02:00

你看到蓝色格子里面的矩形吗？ Google Chrome渲染这个矩形对我来说没有任何意义。该网页只有一个与“侧边栏”类的div和CSS只是这样的：

.sidebar{
    background-color:#3756a0;
    width:400px;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    color:#fff;
}

我删除了谷歌浏览器中的所有扩展程序，我重新启动了我的电脑。只有我经历了这个渲染。我不知道如何解决这个问题。任何帮助？

编辑：我正在使用MacOS Sierra v 10.12和Chrome版本53.0.2785.143（64位）似乎是最后一次更新。这个问题也出现在我这里：steemconnect.com请参阅prntscr.com/crgo04。重现似乎并不容易。

这个问题将在黑暗中我想所有的镜头，但这里有一些你可以尝试的东西：

设置* { all:initial; } * { all:initial; }将所有样式道具重置为初始。

将显示从inline inline-block切换到inline-block以block div / body。

这个问题是否发生在Firefox？苹果浏览器？

安装Chrome Canary并查看它是否发生在那里。

尝试进入chrome devtools抽屉并禁用仿真和其他选项，如下所示。

几天前有类似的问题。当我看到我们从Sierra Macbook上运行的Chrome开发的网站时，我的团队中的一个人会看到类似的工件，而我们其他人谁没有升级或没有使用macOS没有这个问题。

所以，这可能是Chrome在这个版本的操作系统上运行的一个bug，它最终会被排序。

也看到这个问题。

我有同样的问题。 OSX中的颜色校准有帮助。

首选项 - >显示器 - >颜色

链接地址: http://www.djcxy.com/p/93567.html