2017-12-23 29 views
0

現在、ウェブサイトで作業していますが、モバイル上の背景画像以外はすべて機能し、機能します。私は文字通りすべてを試してみましたが、それは私のラップトップにうまく表示されていても、モバイルには表示されません。私が持っている携帯電話はiPhone 6sで、それは表示したくないだけです。他のプロジェクトでも同じCSSコードを使用していますが、うまく機能しますが、現在は使用できません。背景画像はモバイル(iPhone 6s)に表示されません

私はいくつかのテストを行っており、その問題はバックグラウンドポジション:カバーであるようです。しかし、これを回避する方法は画像を悪く見せないでください。また、モバイルナビゲーションボタンをクリックしてメニューを開くと、非常に奇妙な背面の画像が表示されます...

誰かがこれに可能な解決策をお持ちですか?非常にイライラしています。ここで

は、サイトへのリンクです:http://mujomusic.net/WDV351/Konstrukt/index.php

やコード:

height: 100vh; 
background-image: url('images/main.jpg'); 
background-attachment: fixed; 
background-position: center center; 
background-repeat: no-repeat; 
background-size: cover; 
+0

こんにちは、モバイル用のアクティブなCSSの場合、[meta for mobile](https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag)が必要になることがあります。これが状況かどうかはわかりません。これは[W3Schoolの詳細なページ]です(https://www.w3schools.com/tags/tag_meta.asp) –

+0

これは愚かなアドバイスですが、キャッシュをクリアしようとしましたか? – Sam

+0

私はすでにビューポートセットを持っています...それは問題ではありません... – MXM97

答えて

0

それは私に完全に正常に動作しているので、uは、スクリーンショットを与えるだろう。 キャッシュ可能です。 enter image description here

+0

あなたは私の見た目を見せてくれますか? – MXM97

+0

チェックしてください。 –

+0

もう一度キャッシュをクリアした後にチェックしたところ、それは... WOWでした。 – MXM97

関連する問題