令人难以置信的Google Chrome渲染

Question

你看到蓝色div里面的矩形吗？谷歌浏览器渲染这个矩形对我来说毫无意义。该页面只有一个带有类＆＃34;侧边栏＆＃34;的div。而css只是这个：

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

我删除了Google Chrome中的所有扩展程序，我已重新启动计算机。只有我体验这个渲染。我不确定如何解决这个问题。有什么帮助吗？

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

Answer 1

这个问题将会让所有镜头都在黑暗中我想，但这里有一些你可以尝试的事情：

1. 设置* { all:initial; }以将所有样式道具重置为首字母。
2. 在div / body上将显示从inline切换为inline-block到block。
3. 问题是否发生在Firefox中？的Safari？
4. 安装Chrome Canary并查看是否在那里发生。
5. 尝试进入chrome devtools抽屉并禁用仿真和其他选项here。

Answer 2

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

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

另见this问题。

Answer 3

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

偏好设置 - ＆gt;监视器 - ＆gt;颜色