我有以下 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 覆盖一半,知道这是为什么吗?
最佳答案
经过一些研究,我发现了这个错误。 在“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" />
关于iphone - 从纵向切换到横向时背景图像未调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19252262/