練習課題でwebページを作成して今す。
問題が起きたのは背景画像を設定した後のことでした。
HTMLもCSSも記述の入力ミスは直したし、うまく表示されるはずだーと思っていたら、
タイトルの通り、背景画面が途中で切れてしまって画面の下のほうに白い余白ができていました。
CSSでbackground-size: 100% 100%;に設定していましたが、これだけではだめだったようで、
height: 100%;となっているところを、height: 120%;にしたら無事に画面全体に表示されました!
画像の大きさの調整はheightですればいいみたい。
もし横に白い余白がうまれてしまったらwidthで調整すればいいのかな?
次に同じような余白ができてしまったら試してみたいと思います!
HTMLとCSSのつくりも改めて勉強しないとなぁ。