html - iOSがウェブサイトにホワイトバーを置く

Question

私はいくつかのことを試しましたが、何も私の問題を修正していません。iOSでは、サイトの右側に白いバーが表示され、コンテンツの一部が途切れています。ヘルプ？

http://qusik.com/newsite/

前もって感謝します！

Answer 1

私はあなたのサイトを再確認しました、あなたのiPadの画像とそのコンテナはあなたの他のコンテナよりもはるかに広いです、そのサイズを960-940の幅に縮小してみてください

Answer 2

タブレット/モバイル デバイスでページが縮小されると、コンテンツがビューポートからオーバーフローするため、空白が表示される可能性があります。これを修正する 1 つの方法は、その背景画像と色をページから削除することですheader。代わりに.bgdiv を使用top:0; right:0; bottom:0; left:0;し、ボディに対して絶対に配置します (たとえば、すべての方向にストレッチします)。これにより、次のように、画面内のすべての方向にストレッチされます。

.bg {
    background-color: #000000;
    background-image: url("images/tint_blue.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    z-index:-1; /* to place it behind everything else, just make sure not to have bg colors on your page elements */
}

別の (非常に非正統的ですが) 方法は、代わりに背景画像と色を次のhtmlようにタグに配置することです。

html {
    background-color: #000000;
    background-image: url("images/tint_blue.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
}