私のサイトの背景画像は、Chromeおよびbackground-size:coverを使用したSafariでうまくサイズ変更されていますが、ipadまたはiphoneでWebサイトをテストするとき、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;
}
同じ問題がありました。FIXEDではなくSCROLLを使用しました。
background-attachment:scroll;