最近遇到一个很奇怪的问题,safari 访问网页的时候,背景不能通过 body 的 background 指定了。
查了相资料才知道,原来是 Safari 15 之后的特性
现在是这样的:
我就很奇怪呀,找了好久也没找到解决办法。
最近搜东西的时候无意间看到了原因:
意思就是 Safari 15 之后,是通过 header 中的 meta: theme-color
来指定 iOS 中 Safari 的状态栏背景颜色的,可以根据 perfers-color-schema
来指定:日常模式、暗黑模式,定义如下:
<meta name="theme-color"
content="#373737"
media="(prefers-color-scheme: light)">
<meta name="theme-color"
content="#0b3e05"
media="(prefers-color-scheme: dark)">
结果就是这样了,状态栏的颜色跟 navbar 的颜色一致了。舒服了。