Developer tool / Local processing

CSS Object Fit 產生器
CSS Object Fit Generator

object-fitobject-position寬度（px）高度（px）

常見問題

cover 與 contain 有什麼差別？

cover 會填滿容器並可能裁切內容；contain 會完整顯示內容但可能留下空白。

object-fit 對背景圖片有效嗎？

無效。object-fit 用於 img、video 等替換元素；背景圖片應使用 background-size。