ios - Cordova + Bootstrap : correct way to start a website a little lower

标签 ios css twitter-bootstrap cordova

enter image description here

默认情况下,使用 cordova 制作的应用程序从左下角开始:

我希望它在 iOS 的状态栏下启动。 我正在使用 cordova 和 bootstrap,我现在做的是文件夹中的 overrides.css:merges/ios/css:

.app {
    position: fixed;
    top: 20px;
}

这行得通,但我想知道,这是一个好方法吗?

最佳答案

有多种方法可以解决这个问题。您的解决方案工作正常。但是如果你想对状态栏的行为和外观有更多的控制,你应该尝试 Cordova 的 Statusbar 插件:

$ cordova 插件添加 org.apache.cordova.statusbar

然后在config.xml文件中配置statusbar看看:

<widget ...>
  ...
  <preference name="StatusBarOverlaysWebView" value="false"/>
  <preference name="StatusBarBackgroundColor" value="#000000"/>
  <preference name="StatusBarStyle" value="lightcontent" />
</widget>

关于ios - Cordova + Bootstrap : correct way to start a website a little lower,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25105522/

相关文章:

Iphone 方向和 2 个 Nib 文件

php - 如何使用 Swift 将字符串加密为 base64 中的 sha1?

javascript - 影响事件类的延迟功能-一页滚动

html - Select2 和 Bootstrap 3 CSS 问题

css - 为什么即使在指定最小宽度 768px 之后,在 Bootstrap 中呈现的默认 style.css 样式

ios - 自定义 UITabBar 图标 iOS

CSS/HTML : Designing with pixels for multi DPI devices? 保持相同尺寸?

php - Firefox 浏览器的 Twitter Bootstrap 中不显示下拉箭头

javascript - 使用 jquery 附加完成时,复选框的 Bootstrap 功能不起作用

ios 多个 UIButtons 使用一个处理程序(通过 IB)