img元素的object-fit屬性

王2疼發表於2021-01-04

img元素的object-fit屬性

幹了那麼久的前端開發,第一次知道這個屬性。實屬慚愧==

object-fit 屬性指定元素的內容應該如何去適應指定容器的高度與寬度。

object-fit 一般用於 img 和 video 標籤,一般可以對這些元素進行保留原始比例的剪下、縮放或者直接進行拉伸等。

類似於background-size屬性,屬性值也差不多

語法:

object-fit: fill|contain|cover|scale-down|none|initial|inherit;

只是想自己記錄一下,怕再次忘記。。

相關文章