android - 我在 android 手机 ( 7.0 ) 中看不到背景颜色，但在平板电脑中我可以

Question

新年快乐

我制作了一个具有背景颜色的网站。

你可以在桌面上看到3个主要浏览器的背景颜色

在 iPad 上，在 Safari 和 Chrome 中我可以看到背景和它的边框

但是

在我的 Galaxy 6 和 Android 7.0 中，我看不到设计网页的背景和边框

预先感谢您的帮助

这是我有颜色和边框的代码

.main-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: baseline;
background-color: hsl(14, 100%, 53%);
align-items: baseline;
max-width: 1000px;
margin: 0 auto;
border-style: solid;
border-width: 5px;
border-color: blue;
}

Answer 1

您在 Galaxy 6 上看不到背景颜色可能有两个原因。

1. 这可能是因为浏览器缓存需要清除。
2. 仅某些浏览器版本支持色相、饱和度和亮度。

以下浏览器支持 HSL:IE9+、Firefox、Chrome、Safari 和 Opera 10+