background-sizeをつかおう。

background-sizeに設定できる便利な値を紹介します。

アスペクト比を保持したまま、背景画像の短辺が範囲いっぱいになるように拡大

background-size: cover;

アスペクト比を保持したまま、背景画像の長辺が範囲いっぱいになるように拡大

background-size: contain;

非常に便利です。