img元素的object-fit属性

img元素的object-fit属性

干了那么久的前端开发,第一次知道这个属性。实属惭愧==

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。

object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。

类似于background-size属性,属性值也差不多

语法:

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

只是想自己记录一下,怕再次忘记。。

你可能感兴趣的:(前端,css小tip,html,css)