HTML背景画像を表示させる際に、画像の見え方自体は固定しつつ、元の画像サイズ以上にブラウザを広げた時には、画像の縦横比率を固定したままボックスごと拡大して表示させたい、そんな時に使える方法を紹介します。62.5%;}表示サンプルサンプルhtml背景画像の縦横比率を維持したままコンテンツの幅に合わせて表示のサンプル各プロパティの説明サンプルでは、800×500pxの画像を背景画像としています。プロパティでポイントになる部分を解説していきます。背景画像のサイズを指定するプロパティです。background(background-image)に対してのみ有効です。指定する値は、autoが初期値で、ピクセル、パーセント、cover、containを指定する事ができます。この2つの違いは以下の通りです。使った方が良いと思います。パーセントで記述する事で、背景の高さを確保しています。この値は画像のアスペクト比から算出します。計算式は以下のようになります。画像サイズが割り切れない場合は、小数点以下2〜3桁あたりで切り上げると良いかと思います。