我的网站的背景图像在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;
}
解决方法
我有同样的问题，我使用SCROLL而不是FIXED。
background-attachment:scroll;
