首页 > 解决方案 > 为什么灰色在不同的浏览器上显示不同?

问题描述

嗨,我是 Web 开发的新手,但我注意到我的网站着色存在问题;当我将 css 背景颜色设置为灰色时,同一个站点的显示方式不同。Firefox 以比铬浅的阴影显示网站。

我试过在网上和这个网站上搜索,但我看到的所有结果都无关紧要(他们谈论字体的显示方式不同)

请访问我的 github.io 站点 ( https://kingsslave.github.io ) 现场查看问题,但如果您不想,这里是我使用的 css:

body{
    margin:0;
    background-color:gray;
    width:100%;
}

如果你愿意,我可以在这里发布所有内容。我还截取了显示问题的屏幕截图:https ://kingsslave.github.io/images/screenshot.png

我想在所有浏览器上使颜色相同。您能提供的任何帮助将不胜感激。

提前致谢!

标签: htmlcss

解决方案


对此有很多理论,因为 Chrome 呈现的颜色与 Safari 和 Firefox 不同。你可以在这里查看更多信息

  1. 不同浏览器颜色不同
  2. 显色差异:Firefox 与 Safari
  3. Web 浏览器色彩管理指南
  4. 您的 Web 浏览器如何影响颜色的呈现方式
  5. Chrome 需要像它的竞争对手一样支持色彩管理。

希望这能帮助你理解


推荐阅读