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

【问题标题】：Background image not resizing when switching from portrait to landscape从纵向切换到横向时背景图像未调整大小
【发布时间】：2013-10-15 15:29:04
【问题描述】：

我有以下 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 上，从纵向切换到横向时，横向屏幕只被背景图片覆盖了一半，知道这是为什么吗？

【问题讨论】：

标签： iphone ios css web-applications cordova

【解决方案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" />

【讨论】：