background-size css 背景画像のサイズ

スマホサイトなどレスポンシブサイトでよく使うのでメモです。

contain

縦横比は保持して、背景領域に収まる最大サイズになるように背景画像を拡大縮小する

cover

縦横比は保持して、背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する