【Labs】CSS3のobject-fitで画像を簡単タイル表示こんにちは（・∀・） 今日はCSS3のobject-fitで画像を簡単にタイル表示にする方法をご紹介します。 画像をインスタみたいなタイル表示にする 普通に画像を表示した場合はこんな感じ。 Result スマホでのご確認はこちらをどうぞ .box { width: 300px; height: auto; } .box img { width: 100%; height: auto; } 大きさの違う画像を横300px、縦autoに縮小して表示。 元の画像の大きさが違うのでデコボコです。 次に画像の縦横を300pxにして表示した場合はこんな感じ。 Result スマホでのご確認はこちらをどうぞ .box { width: 300px; height: auto; } .box img { width: 300px; height: 300px; } 縦横300pxに縮小表示。 大きさの違う
