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

经过一些研究后我发现了这个bug。如果指定“height”属性，则在“meta”标记中，视图将不会覆盖横向模式中的整个宽度。

错误代码：

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

从纵向切换到横向时，背景图像不会调整大小

1 个答案: