CSS渲染模型不考虑替换元素内容的渲染。这些替换元素的展现独立于CSS。object,video,textarea,input也是替换元素,audio和canvas在某些特定情形下为替换元素。使用CSS的content属性插入的对象是匿名替换元素。
我们来看看，每个属性值，起作用的样子
因为scal-down 就是 none和contain之间进行选择，选择的是尺寸比较小的那个 ，所以它是始终能保证替换元素完整显示的，并且它显示的最大尺寸就是图片实际尺寸。
object-position 属性
object-position 用来控制替换内容位置
语法：
object-position:x轴距离 y轴距离;object-position属性定义时可以用像素，也可以用百分比，也可以用关键字。例如，object-position: 10px 10px 是左上角各空出10px，object-position: 100% 100%是右下角，object-position: center 是中间 和 object-position: 50% 50% 效果一样。
我们来看看各种取值的效果
注意：
1、object-position属性与background-position很相似，其取值和background-position属性取值一样，但是它的默认值是50% 50%， background-position的默认值是0% 0%
2、如果仅指定了一个值，其他值将是50％
总结
这两个属性，主要是解决在布局时遇到的 尺寸 和 宽高比问题，说简单点就是处理图片会变形的问题，而object-position默认值是 50% 50% ，就是居中的意思，也可以用这两个属性来做 替换元素 的内容的水平垂直居中。
