iPhoneレスポンシブルデザインバグのためのCSS回避策

Question

私はソーシャルクラブ用の新しいページを作成し、いくつか問題があります。これは、1ページのデザインの反応性の高いサイトです。イントロセクションには、単純なロゴの背景画像だけがあります。

これですべてがアンドロイドとほとんどのpcブラウザでうまく見えますが、何とかiphoneブラウザが背景画像を拡大表示しています。

誰かが回避策を知っていますか？

あなたはhttp://juku-tbg.de/

クロームスクリーンにそれを自分で試すことができます： - > OK

クロームの

iPhoneのモード： - アンドロイドからOK>

スクリーンショットをデバイス： - > OK

iphone 5sの上

スクリーンショット： - > NOK

どうもありがとうございました。

Answer 1

background-attachment: fixedモバイルSafariで盗難されています。修正のためには別個のコンテナを使用し、代わりにposition: fixedを適用してください。

#bg { 
    background-image: url('path/to/img.jpg'); 
    background-attachment: scroll; 
    background-position: center top; 
    background-repeat: no-repeat; 
    display: block; 
    width: 100%; 
    min-height: 100%; 
    z-index: -100; 
    position: fixed; 
    top: 0; 
    left: 0; 
}