Safari 背景为绿色，设置 Safari 访问页面时的背景颜色 theme-color

Safari 背景为绿色，设置 Safari 访问页面时的背景颜色 theme-color

Safari 背景为绿色，设置 Safari 访问页面时的背景颜色 theme-color

最近遇到一个很奇怪的问题，safari 访问网页的时候，背景不能通过 body 的 background 指定了。 查了相资料才知道，原来是 Safari 15 之后的特性

一、现状

现在是这样的：

二、找原因

我就很奇怪呀，找了好久也没找到解决办法。 最近搜东西的时候无意间看到了原因：

​​Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo!​​

意思就是 Safari 15 之后，是通过 header 中的 ​​meta: theme-color​​​ 来指定 iOS 中 Safari 的状态栏背景颜色的，可以根据 ​​perfers-color-schema​​ 来指定：日常模式、暗黑模式，定义如下：

三、结果

结果就是这样了，状态栏的颜色跟 navbar 的颜色一致了。舒服了。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。