0
Bootstrapを使用して完成に近いウェブサイトを作成しました。私が抱えている問題は、デスクトップやアンドロイドデバイス上で見た目が良くて、しかし、Iphoneでは、ディスプレイに合うように背景画像が縮小されません。このサイトでは、カスケードスクロールが使用されています。Bootstrap背景画像がiPhone上でサイズ変更されていません
www.mabmetalworks.com
私はそれはiphoneが網膜ディスプレイであることとは何かを持っている疑いがありますか?
下記のコードをご覧になり、iPhoneで動作するように修正する方法を教えてください。
<div id="home" class="home">
<div class="text-vcenter">
<h1>MAB Metal Works</h1>
<h3 class = "H2">Your Local Steel Company</h3>
<a href="#about" class="btn btn-default btn-lg">Continue</a>
</div>
</div>
#home {
background: url(../images/main.jpg) no-repeat center center scroll;
display: table;
height: 100%;
position: relative;
width: 100%;
max-width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}