ios 10 中的 apple-mobile-web-app-status-bar-style
apple-mobile-web-app-status-bar-style in ios 10
我知道之前有人问过这个问题，只是想知道 ios 10（和 ios 9）是否仍然如此...
根据 apple developer guidelines for web apps (found here)，web 应用程序中的状态栏有 3 种选择； 默认、黑色和黑色半透明。
- 默认 导致带有黑色文本的白色状态栏，
- Black 导致带有白色文本的黑色状态栏，并且
- Black-translucent 导致透明背景带有白色
文本。此外，此状态栏漂浮在您的内容上方，
这意味着你必须将你的内容向下推 20px 才能没有
内容与状态栏文本重叠。
我真的很想使用黑色半透明状态栏（因为我认为它看起来更原生），但我的页面背景是浅灰色。这使得此状态栏上的白色文本很难阅读。
简而言之，我想要一个带有黑色文本的透明背景（本质上，默认半透明）。这可能吗？
不幸的是，不可以在透明背景上使用黑色文本。
我认为这将在某个时候添加到架构中，并且我也发现您现在无法实现此示例很痛苦。我想简而言之，答案是在本地设计您的人造应用程序，以更好地控制其行为和外观。
Apple Documentation 支持的元标记
content="default"
content="black"
content="black-translucent"
目前不可能。我只是想添加（在阅读评论后）为了显示更改，至少在我的 iphone X 上，您需要从 phone 中删除该应用程序然后重新添加它到主屏幕。
我找到了解决办法！我们可以使用 theme-color 元标记来实现。
<meta name="theme-color" content="#fff">
我知道之前有人问过这个问题，只是想知道 ios 10（和 ios 9）是否仍然如此...
根据 apple developer guidelines for web apps (found here)，web 应用程序中的状态栏有 3 种选择； 默认、黑色和黑色半透明。
- 默认 导致带有黑色文本的白色状态栏，
- Black 导致带有白色文本的黑色状态栏，并且
- Black-translucent 导致透明背景带有白色 文本。此外，此状态栏漂浮在您的内容上方， 这意味着你必须将你的内容向下推 20px 才能没有 内容与状态栏文本重叠。
我真的很想使用黑色半透明状态栏（因为我认为它看起来更原生），但我的页面背景是浅灰色。这使得此状态栏上的白色文本很难阅读。
简而言之，我想要一个带有黑色文本的透明背景（本质上，默认半透明）。这可能吗？
不幸的是，不可以在透明背景上使用黑色文本。
我认为这将在某个时候添加到架构中，并且我也发现您现在无法实现此示例很痛苦。我想简而言之，答案是在本地设计您的人造应用程序，以更好地控制其行为和外观。
Apple Documentation 支持的元标记
content="default"
content="black"
content="black-translucent"
目前不可能。我只是想添加（在阅读评论后）为了显示更改，至少在我的 iphone X 上，您需要从 phone 中删除该应用程序然后重新添加它到主屏幕。
我找到了解决办法！我们可以使用 theme-color 元标记来实现。
<meta name="theme-color" content="#fff">