2016-05-13 25 views
0

私はすでにこれと同様の質問をしていますが、私の問題は修正されたと考えていますが、そうではありません。背景画像がIphoneとIpadで正しく表示されない

次のコードは、すべての背景画像に使用される(画像パスではありません常に同じ):

.bg-1 { 
background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; 
background-size: cover; 
background-attachment:fixed; 
} 

は、すべてのデバイスでもiMacの上で素晴らしい作品が、iPhoneとiPad上で正しく表示されません。

バックグラウンドサイズを「カバー」にしたいのですが、これは私が使っているものに最適です。

私は、インターネット上の応答チェックサイトでサイトをテストすると、デバイスの高さを上げて幅を固定して、私のウェブサイトの悪いIphoneの外観を再現できることを確認しました。

マイウェブサイト: http://www.unterwasserfotografie-thomas-uhl.de/

テスト-ウェブサイト: http://responsivepx.com/

おかしい事:私は、Webの周りのすべてのテストのウェブサイト上で自分のサイトをテストすることができ、それが常にiPhoneのセットアップに素晴らしく見えます。実際のiPhoneでテストすると、画像が拡大して表示されるとすぐに表示されます。

答えて

1

こんにちは、私は、メディアのクエリを挿入し、 "スクロール"の背景の添付ファイルを置き換える必要があります。以下を参照してください:

@media only screen and (min-width: 768px){ .bg-1 { background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; background-size: cover; background-attachment:scroll !important; } }

+0

スクロールを表示できませんか? 私はイメージがその豪華なブートストラップを行うことを望んで、それはFirefoxを使用してすべてのアンドロイドデバイス上で素晴らしい動作します。 – christian

+0

この交換で、彼らはIpadとIphoneで正常に動作します。やってみました? – user2517200

+0

私は最初の背景イメージでそれを変更して動作しますが、デスクトップデバイスでそのスクロール効果を持たせたいと考えています... – christian

関連する問題