サーバにアップロードした後、携帯端末でブートストラップのウェブサイトの画像が正しく表示されない

Question

このウェブサイトをbootstrao- andamios.cl で作成しました。デスクトップに最適です。私はクロムの異なるビューポートを通してそれをチェックしました。完全に反応するウェブサイトとしてはうまく動作しますが、サーバーにアップロードしてiphoneとipadでサイトを訪れたときはうまく動作します。一部の画像が伸びていて、一部が表示されていませんでした。しかし、Android搭載端末では、ほとんど画像が表示されていたが完全ではないと言える。 PC上では、完璧です。 プロジェクトを終了した後、水平スクロールバーも見ました。私はページの右側にいくつかの空白のスペースを意味します。

私は主にコンテナとコンテナ流体を使用しました。 私もこのメタタグを使用しました -

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

私はこの原因の原因がわかりません。ご協力いただきありがとうございます。

iphoneとipadに画像が表示されないセクションの1つを追加しています。

#banner { 
    height: 100%; 
    background: url('/Images/3.jpg')fixed; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
    position: relative; 
} 

Answer 1

水平スクロールバーは、右から飛んでくるフッタフォームです。オーバーフローを隠してコンテナにラップする必要があります。それはそれを解決します。

拡大画像は表示されません（ただし、確認するiOSはありません）。そのために残念。

Answer 2

私はオーバーフロー-Xを追加することにより、ホワイトスペースの問題を解決：身体に隠された