如果您使用以下代码创建一个简单的网站：
<div style='background-color: rgba(0,0,0,.05);width:50px;height:50px'></div>
并在各种设备上查看，您会看到非常不同的颜色。
在我的iPhone和iPad上，它看起来是白色的，但在我的MacBook上你可以看到一个明显的浅灰色，看起来接近#fafafa;我没有在其他设备上彻底测试过，但我认为Android Chrome有时会在颜色之间显示三分之一。
这不是不同屏幕颜色容量的问题，因为iPad绝对能够显示#fafafa。
那么故事是什么，有什么方法可以解决它吗？
答案 0 :(得分：1)
rgba(0,0,0,.05)是一种令人难以置信的浅色。在许多低端LCD上看不到5％的色调 - 特别是6bit panels。就个人而言，当我使用RGBA时，我只会以10％的增量进行调整。此外，您会注意到#fafafa和rgba(0,0,0,.05)不会显示相同内容，因为它们不相同。 #f2f2f2为rgba(0,0,0,.05)（至少在Photoshop中。）
您还可以在RGB类型之间进行差异。设备也会根据照明条件进行不同的调整 - 并且它们不会以相同的方式适应。还有screen types 之类的AMOLED
答案 1 :(得分：0)
根据我的经验，通常会因为不同屏幕和亮度设置的对比而发生。我的建议是玩这些。
同时检查这是否兼容浏览器，但您提到的那些应该没问题：