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

发布时间：2020-12-14 21:37:29 所属栏目：资源来源：网络整理

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

我的网站的背景图像在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;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!