object-fit属性-详解

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

**

二、object-fit属性值：

**
1.fill(与不使用模样一样)
默认值，不保证保持原有的比例，内容全部显示铺满容器。

2.contain
个人理解：保持原有尺寸比例，使图片的宽度完整的显示，高度自动缩放。

3.cover
个人理解：保持原有尺寸比例。高度铺满容器，宽度等比缩放，超出部分被剪掉。

4.none
个人理解：图片原有宽高不变，超出部分被剪掉，保留下来的内容使图片的正中央。

5.scale-down
个人理解：保持原有比例。当图片实际宽高小于所设置的图片宽高时，显示效果与none一致；否则，显示效果与contain一致。