html – CSS背景图像大小不正确地在iPad和iPhone上

概述我的网站的背景图像在Chrome和Safari中使用background-size：cover很好地调整大小，但是当我在ipad或iphone上测试我的网站时，CSS背景图像确实放大并看起来很可怕。我在这里看过很多其他的问题，没有一个解决了我的问题。 HTML <div class="background"> </div><!--background--> .background没有容器，是屏 我的网站的背景图像在Chrome和Safari中使用background-size：cover很好地调整大小，但是当我在ipad或iphone上测试我的网站时，CSS背景图像确实放大并看起来很可怕。我在这里看过很多其他的问题，没有一个解决了我的问题。

HTML

<div > </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;

总结

以上是内存溢出为你收集整理的html – CSS背景图像大小不正确地在iPad和iPhone上全部内容，希望文章能够帮你解决html – CSS背景图像大小不正确地在iPad和iPhone上所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。