0

このウェブサイトを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; 
} 
+0

あなたのURLは申し訳ありませんO – JoostS

+0

動作しません。 andamios.cl –

+0

@JoostSあなたは私のウェブサイトを今見てみることができますか? –

答えて

0

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

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

+0

私はこれでiosの問題を解決しました。https://stackoverflow.com/questions/36686654/fixed-background-images-disappear-on-iphone-ipad –

+0

私は既にコンテナ流体にフッターを追加しましたが、オーバーフロー:@joostSと言ったように隠されていましたが、右側の空白の問題を解決しませんでした –

+0

これは本体にoverflow-xが隠されていました。 –

1

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

関連する問題