iphone - CSS の背景がモバイルに表示されない

Question

モバイル デバイス、特に iPhone でサイトを表示すると、背景画像が正しく表示されないという問題があります。私はそれが正しい場所にないのを見ることができます。背景がどのようにレンダリングされているかを示す画像へのリンクと、サイトへのリンクを添付しました。

誰かがこの問題を解決するための答えを持っていれば、アドバイスをいただければ幸いです。

前もって感謝します。

http://mikedemar.com/weightloss4youth/bgissue

http://mikedemar.com/weightloss4youth/index.html

Answer 1

多分これを試してください：

html { 
        background: url(images/bg.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

http://css-tricks.com/perfect-full-page-background-image/で他の方法を確認できます。

Answer 2

私の友人は、「width=device-width」を削除し、background-size を 2560px 1440px に設定することを提案しました。これは完全に機能しています。リンクを参照してください。

http://mikedemar.com/weightloss4youth/index.html

Answer 3

これを試して

<meta name="viewport" content="width=device-width, initial-scale=1.0" />