背景画像を敷き詰めたいのですが、ブラウザの高さでいっぱいに表示したく
body要素にbackground-size:cover;
を指定しているのですが
どうもコンテンツの高さに敷き詰められるらしく縦にものすごく伸びてしまいます。
PCとスマホブラウザの挙動の違いについておしえてください。
追記
期待する動作:
スマホ画面サイズに縦にはまる背景画像、縦横比率は維持なので横が切れても問題なし。
実際の動作:
画面をサイズではなくコンテンツサイズに伸ばされて配置される。
という現象です。
これは正しい挙動であれば、別の方法を考えます。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。