Webページを実装する際に、背景画像を固定で実装したのですが、端末ごとによって正常に表示されないということが発生しました。
PCやAndroidでは正常に動作しているのですが、iphoneでは拡大されたように見えてしまっています。
実際に入れているコードは以下の通りです。
CSS
1.section_gold { 2 background-image: url("../../images/Gold-Glitter-Light-Bokeh-Background-Graphics-5326403-1.jpg"); 3 background-size: cover; 4 background-attachment: fixed; 5 background-repeat: no-repeat; 6 background-position: center center; 7} 8 9.background_img { 10 background-image: url("../../images/background.png"); 11 background-size: cover; 12 background-attachment: fixed; 13 background-repeat: no-repeat; 14 background-position: center center; 15 margin-left: auto; 16 margin-right: auto; 17}
HTMLで呼び出しているのは、
HTML
1<div class="background_img"> 2<div class="section_gold"> 3
この2種類はbody配下でdivで囲って、背景を表示しています。
端末によって異常が発生していると言えばそれだけなのですが、原因があれば教えて頂きたいです。
よろしくお願いいたします。
あなたの回答
tips
プレビュー