带有 Cordova 的 jQuery Mobile - 标题与 iOS 状态栏重叠
<p><p>我刚刚开始使用 Apache Cordova 和 jQuery Mobile，整个 shebang 对我来说都是新的。我的标题(带有“HEADER!”的有用文本)在iOS模拟器上的状态栏(时间)上方/下方有问题。我知道我可以做类似 <code>style="margin-top: 1.3em;"</code> 的事情，这会解决这个问题，但我认为这个问题有适当的解决方法？我知道我可以使用 Cordova 关闭状态栏，但我想保持打开状态并简单地放置标题。</p>
<p><a href="https://gist.github.com/ShakataGaNai/d56ba9bf94e695bf70f7" rel="noreferrer noopener nofollow">HTML is in a gist</a> .</p>
<p>截图:</p>
<p> <a href="/image/85M7O.png" rel="noreferrer noopener nofollow">
<img src="/image/85M7O.png" width="200"/></a> </p>
<ul>
<li>Cordova 版本 -- 5.3.1</li>
<li>iOS 模拟器 -- 8.4</li>
<li>操作系统 -- Apple OSX 10.10.4</li>
<li>jQuery -- 2.1.4</li>
<li>jQuery Mobile -- 1.4.5</li>
</ul></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>要让状态栏仍然可见但不被覆盖，您必须安装 <a href="https://github.com/apache/cordova-plugin-statusbar" rel="noreferrer noopener nofollow">cordova-plugin-statusbar</a>并在 onDeviceReady 内的启动例程中设置:</p>
<pre><code> StatusBar.overlaysWebView(false);
</code></pre>
<p>根据您的应用风格设置背景颜色也很有用:</p>
<pre><code> StatusBar.backgroundColorByHexString("#333"); // => #333333
</code></pre>
<p>希望这会有所帮助!</p></p>
<p style="font-size: 20px;">关于带有 Cordova 的 jQuery Mobile - 标题与 iOS 状态栏重叠，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/32514772/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/32514772/
</a>
</p>
页:
[1]