background-size: cover;

縦横比を保持して、表示領域全体を覆うように背景画像を表示する

background-size: contain;

縦横比を保持して、表示領域に収まるように背景画像を表示する

こちらのページは、サンプルです。