html - CSS 背景图像在 iPad 和 iPhone 上无法正确调整大小。

Question

我网站的背景图片在 Chrome 和 Safari 中使用 background-size: cover 可以很好地调整大小，但是当我在 ipad 或 iphone 上测试我的网站时，CSS 背景图片真的放大了并且看起来很糟糕。我在这里阅读了很多与此相关的其他问题，但没有一个解决了我的问题。

HTML

<div class="background"> 

</div><!--background-->

.background 没有容器并且是屏幕的 100% 宽度。

CSS

.background {
    height:600px;
    width:100%;
    position:relative;
    background: url(css/img/strand.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

我遇到了同样的问题，我使用的是 SCROLL 而不是 FIXED。

background-attachment:scroll;