比率が崩れた時点でデザインは一気に雑に見えます。 そんな時に役立つのが object-fit というCSSプロパティです。 枠いっぱいに伸び縮みして無理やり合わせる。 → 基本使いません。画像が歪む原因😅 none 画像をそのまま表示し、はみ出しても切らない。

# file and reference case file. # The reference case uses the "background-size" & "background-position" # equivalent of the tested "object-fit" / "object-position ...