Bootstrap背景画像がiPhone上でサイズ変更されていません

Question

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; 
} 

Answer 1

画像に固有のクラスもあります。

<img class="img-responsive"> 

これを試すことができます。これがあなたの答えなら、私はしません。

記事へのリンク：http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp