《2019年9月16日 16:10 公開/更新》 画像の横幅をウインドウ幅に合わせたいが、原寸より大きくはしたくない場合のCSS [イメージ,幅] 画像を描画領域の横幅いっぱいに表示したいけども、原寸サイズを超えて拡大はさせたくない、という場合がありますよね？ つまり、画像より描画領域(ブラウザのウインドウや端末の画面)の方が狭い場合は「横幅一杯になるように自動縮小させたい」けども、描画領域の方が広い場合は自動拡大はせずに原寸サイズで表示したい、というケースが。特にレスポンシブ・ウェブデザインを採用している場合などで。そんな画像の表示方法もCSSなら簡単です。 画像の横幅をウインドウ幅に合わせたいが、原寸より大きくはしたくない場合のCSS 描画領域の横幅に合わせて自動で拡大したり縮小したりする表示 描画領域の横幅いっぱいになるよう自動でサイズ調整はするが、原寸より大きくはしたくない場合 画