Tailwind CSS 練習問題 45：画像（オブジェクトのフィット）

Tailwind CSSで画像の縦横比を保ちつつ親要素全体を覆うようにトリミングする場合、`object-cover`が正解です。

【正解の理由】
`object-cover`はCSSの`object-fit: cover;`を適用し、画像が歪むことなく要素の領域を完全に満たすように切り抜いて表示する正しいクラスです。

【不正解の理由】
• 「`object-fill`クラスを使用して、領域全体を覆うようにする」は誤り。縦横比を無視して領域に引き伸ばすため、画像が歪みます
• 「`object-contain`クラスを使用して、領域全体を覆うようにする」は誤り。縦横比を保って全体が収まるように表示するため、隙間ができる場合があります
• 「`object-stretch`クラスを使用して、領域全体を覆うようにする」は誤り。Tailwindにそのような標準クラスは存在しません
• 「`object-auto`クラスを使用して、領域全体を覆うようにする」は誤り。Tailwindにそのような標準クラスは存在しません