替换元素——

浏览器根据其标签的元素与属性来判断显示具体的内容，比如img,iframe,input,textarea,select,object，video等,这些元素都没有实际的内容

object-position / object-fit只针对替换元素有效
有点类似background-position / background-size

object-fit

属性：
fill——默认值，替换内容拉升填满整个content box,不保证持有原有的比例

contain——包含，保持原有尺寸比例，保证替换内容尺寸一定可以在容器里面放得下，可能会在容器内留下空白

cover——覆盖，保持原有尺寸比例，保证替换内容尺寸一定大于容器尺寸，宽度和高度至少有一个和容器一致，可能会让替换内容部分区域不可见

none——无，保持原有尺寸比例，同时保持替换内容原始尺寸大小

scale-down——降低，就好像依次设置了none或contain,最终呈现的是尺寸比较小的那个

object-position

控制替换内容位置的，默认值是50% 50%,即居中效果