更改iOS 10 web应用程序状态栏
更改iOS 10 web应用程序状态栏
提问于 2016-10-02 13:14:53
我正在为iOS 10开发一个web应用程序(使用Framework7)，我想更改状态栏的默认黑色。
我试过这个：
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">但这行不通..。我该怎么做？
谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-10-02 13:26:18
在CSS中试试这个
.statusbar-overlay {
background: black;}
Stack Overflow用户
发布于 2017-02-21 20:52:39
若要获得带有黑色文本的轻型状态栏，请使用：
<meta name="apple-mobile-web-app-status-bar-style" content="default">若要获得带有白色文本的黑色状态栏，请使用：
<meta name="apple-mobile-web-app-status-bar-style" content="default">若要获得带有白色文本的透明状态条，请使用：
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">请参阅此链接
如果你想要一个半透明的状态条，你可以添加一个20 of高条固定在页面的顶部。不过，我会进行一个查询，以检查应用程序是否处于全屏模式:您可以使用window.navigator.standalone只读JavaScript属性确定网页是否以全屏模式显示。
不过，我还没测试过这个。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39817404
复制相关文章
相似问题
腾讯云开发者
