CSS背景图片在iPad和iPhone上调整不正确。
我的网站的背景图片在Chrome和Safari中使用background-size：cover进行了很好的调整，但当我在ipad或iphone上testing我的网站时，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;
显然，iPad的Safari正在对1024像素阈值以上的图像进行下采样 。 我曾尝试使用scroll而不是fixed但没有成功。 其他技巧也没有为我工作。
我通过将原本太大的1600×1600图像分成两个图像来解决这个问题 。 因此，我能够使用两张1024像素大小的图像，并获得比以前更好的可读性。
也许这样的解决方法也适用于你。