jquery - 元名称 apple-mobile-web-app-status-bar-style

Question

我试着为自己做一个小应用程序。

我添加了元名称：

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

这是我的标题代码：

<div data-role="page" id="p1">
    <div data-role="header" data-theme="a" data-position="fixed"  data-id="footer">                
    </div>

当我添加快捷方式图标并打开应用程序时，我的标题位于状态栏下方

问题是什么？

Answer 1

“如果设置为黑色半透明，则网页内容将显示在整个屏幕上，部分被状态栏遮挡。”

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

尝试default或black。