0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

webページ作成:背景画像が画面全体に表示されなかった時の解決方法

Posted at

練習課題でwebページを作成して今す。
問題が起きたのは背景画像を設定した後のことでした。

HTMLもCSSも記述の入力ミスは直したし、うまく表示されるはずだーと思っていたら、
タイトルの通り、背景画面が途中で切れてしまって画面の下のほうに白い余白ができていました。

CSSでbackground-size: 100% 100%;に設定していましたが、これだけではだめだったようで、
height: 100%;となっているところを、height: 120%;にしたら無事に画面全体に表示されました!
画像の大きさの調整はheightですればいいみたい。

もし横に白い余白がうまれてしまったらwidthで調整すればいいのかな?
次に同じような余白ができてしまったら試してみたいと思います!

HTMLとCSSのつくりも改めて勉強しないとなぁ。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?