iphone - 从纵向切换到横向时背景图像未调整大小

Question

我有以下 CSS:

    @media screen and (orientation:portrait) {
    body {
    background-image: url(../img/background.jpg);
    background-size: auto 100%;
    }
    }

    @media screen and (orientation: landscape) {
    body {
    background-image: url(../img/background.jpg);
    background-size: 100% auto;
    }
    }

除装有 iOS 6.3 及更小版本的 iPhone 外，它在所有设备上都运行良好(在 iOS 7 上运行良好)

在 iOS 6 上，当从纵向切换到横向时，横向屏幕仅被背景 img 覆盖一半，知道这是为什么吗？

Answer 1

经过一些研究，我发现了这个错误。在“meta”标签中，如果您指定“height”属性， View 将不会在横向模式下覆盖整个宽度。

错误代码:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1.0, minimum-scale=1, width=device-width, height=auto, target-densitydpi=device-dpi" />

好的代码:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />