このページは「【CSS】object-fitを使わずに画像比率を保ったまま、レスポンシブ表示させる方法(JSなし、IE11対応)」の実例サンプルページです。

サンプル1

画像を並べただけの状態

画像1 画像2 画像3 画像4 画像5

比率を保ったまま200×200ピクセルに収まるよう設定した状態

画像1 画像2 画像3 画像4 画像5

サンプル2

サンプル3

このページは「【CSS】object-fitを使わずに画像比率を保ったまま、レスポンシブ表示させる方法(JSなし、IE11対応)」の実例サンプルページです。