【问题标题】:Incredible Google Chrome Render令人难以置信的谷歌浏览器渲染
【发布时间】:2017-02-17 01:03:44
【问题描述】:

你看到蓝色 div 里面的矩形了吗?谷歌浏览器渲染这个矩形对我来说毫无意义。该页面只有一个带有“sidebar”类的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。好像不太容易复现。

【问题讨论】:

  • 我很难过——希望有人能帮助你——请更新并回复。
  • 你能做一个演示这个问题的sn-p吗?或者如果你不能,你能链接到发生这种情况的网页吗?另外,哪个版本的 Chrome,在哪个操作系统上等等。
  • 我使用的是 MacOS Sierra v 10.12,Chrome 版本 53.0.2785.143(64 位)似乎是最后一次更新。这个问题也出现在我这里:steemconnect.com 见prntscr.com/crgo04。似乎不容易重现。
  • 这里是代码dpaste.de/Dz1S/raw
  • 好吧,你可以猜到我无法重现这个问题。对我来说,矩形根本不存在。既不在屏幕上,也不在 DOM 中。非常抱歉。但是您可以编辑问题并输入新信息吗?评论并不是那种信息的真正地方。另外,您能否确认该问题没有出现在任何其他计算机或同一台计算机上的任何其他浏览器上?

标签: css google-chrome


【解决方案1】:

我也遇到了同样的问题。在 OSX 中校准颜色很有帮助。

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

【讨论】:

    【解决方案2】:

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

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

    另请参阅this 问题。

    【讨论】:

      【解决方案3】:

      我认为这个问题将在黑暗中得到所有镜头,但这里有一些你可以尝试的事情:

      1. 设置 * { all:initial; } 将所有样式道具重置为初始值。
      2. 在 div / body 上将显示从 inline 切换到 inline-block 再到 block。
      3. 这个问题是否发生在 Firefox 中?野生动物园?
      4. 安装Chrome Canary,看看那里是否发生。
      5. 尝试进入 chrome devtools 抽屉并禁用模拟和其他选项,如 here 所示。

      【讨论】:

      • NP!无论如何,我更喜欢 Canary 进行开发,因为它有更多的开发工具和内置的开发工具黑暗主题。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-11-16
      • 1970-01-01
      • 2011-10-31
      • 2015-06-24
      • 1970-01-01
      • 2012-09-10
      • 1970-01-01
      相关资源
      最近更新 更多