为什么灰色在不同的浏览器上显示为不同?

时间:2019-06-27 09:18:29

标签: html css

您是网站开发的新手,但是我注意到网站的颜色出现问题;当我将CSS背景颜色设置为灰色时,同一站点显示的内容有所不同。 Firefox以比铬浅的阴影显示网站。

我尝试过在线搜索和在此站点上搜索,但是我看到的所有结果都不相关(他们谈论字体显示方式不同)

请访问我的github.io网站(https://kingsslave.github.io)实时查看问题,但是如果您不想这样做,这是我使用的CSS:

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

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

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

谢谢!

2 个答案:

答案 0 :(得分:3)

有很多理论,因为Chrome呈现的颜色与Safari和Firefox不同。您可以在此处查看有关此内容的更多信息

  1. Colours are different in different browsers
  2. Color Rendering Difference: Firefox vs. Safari
  3. Web browser color management guide
  4. How Your Web Browser Affects the Way Colors Are Rendered
  5. Chrome NEEDS to support Colour Management like it's competitors.

希望这会帮助您理解

答案 1 :(得分:0)

尝试使用#808080代替grey