Q&A
現在のコードをご提示ください。
いつもお世話になっております。
基礎的なhtmlの質問で申し訳ございません。
bodyに背景に1600×2000の大きい画像を表示しているのですが、画面が下で切れてしまいます。
background-size:coverを設定しているので、画面の横幅を小さくすれば、すべて画像がおさまりきるのですが、画面幅を大きく広げた場合にも、縦スクロールが出現し画像が全部表示できるようにしたいと考えているのですが、どのようにすればよいのでしょうか。
不勉強で申し訳ございませんが、ご教示いただけますと幸いです。
よろしくお願いいたします。
html
1 2<body class="background"> 3 4 5</body> 6
css
1 2body, html { 3 min-height: 100%; 4} 5.background { 6 background: url(https://xxxxx/xxxxx/xxxxx.png) no-repeat center top fixed; 7 background-size: cover; 8} 9
ただ、body内に何もない状態でスクロールは無理かと。それにあくまで背景画像ですし。。
コードブロックを分けました
回答1件
0
ベストアンサー
比率に合わせてvwで指定すればよいです。（このやり方の場合coverじゃなく横100%縦autoに設定したほうがよいが）
CSS
1body{height:125vw;}/*提示された比率の場合*/
投稿2019/08/19 06:42
総合スコア69400
ご回答ありがとうございます。
返信が遅くなり申し訳ございません。
ご教示いただいた方法で無事解決いたしました。
また、何かありました際にご教示いただけますと幸いです。
あなたの回答
tips
プレビュー
