html - 放大后背景图像缩小，然后屏幕旋转并缩小

Question

我注意到我正在构建的网站上存在错误。当你在手机上放大，然后旋转屏幕方向，然后缩小背景缩小，只有再次旋转屏幕时才恢复到原来的大小。知道我哪里出错了吗？

这是我使用的 CSS:

html { 
background: url(images/scroll.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 100%;
}

干杯

Answer 1

在使用 cover 之前简单地删除 fixed 解决了这个问题。

background: url(images/scroll.jpg) no-repeat center center;