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”属性，在横向模式下视图不会覆盖整个宽度。

错误代码：

<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" />