jquery - 如何调整页眉以在 iOS 6 和 iOS 7 中正常工作？

Question

新的 iOS7 状态栏与我的应用程序的标题重叠，导航按钮被部分覆盖。然而，它在 iOS6 中看起来很漂亮，我拒绝只为 iOS7 添加边距/填充并破坏以前版本的外观。

是否有任何干净的解决方案(比如独占选择器)可以让它在两个系统中工作？

我尝试了什么？

正如我所说，我设法在 iOS7 上解决了这个问题，在标题中添加了一些额外的边距(尽管由 jQueryMobile 格式化)，但这种变化也会影响 iOS6 中的 View 。我确定我还缺少其他一些技巧，但谷歌还没有给我答案。

提前致谢。

Answer 1

有一个简单的解决方案。它不会破坏应用程序在 iOS6 上的外观，因为它仅适用于 ios7>

#1 MainViewController.m

您可以在您的 MainViewController.m 中使用它，查找 - (void)viewWillAppear:(BOOL)animated 并添加 if 函数:

- (void)viewWillAppear:(BOOL)animated
{
    // View defaults to full size.  If you want to customize the view's size, or its subviews (e.g. webView),
    // you can do so here.
    //Lower screen 20px on ios 7
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
        CGRect viewBounds = [self.webView bounds];
        viewBounds.origin.y = 20;
        viewBounds.size.height = viewBounds.size.height - 20;
        self.webView.frame = viewBounds;
    }
    [super viewWillAppear:animated];
}

来自这里:iOS 7 status bar overlapping UI

或

#2 自定义 JS

function onDeviceReady() {
    if (parseFloat(window.device.version) === 7.0) {
          document.body.style.marginTop = "20px";
    }
}

为此你需要设备插件。但第二个对我不起作用。另一方面，#1 就像一个魅力。