MDN上对<position>值解释是：一种CSS数据类型，2D坐标空间，用来设置相对盒子的坐标。
我们经常使用的background-position的值就是<position>值，最近刚介绍的object-position的值也是<position>值。
<position>值支持1~4个值，可以是具体数值，也可以是百分比，也可以是……
文章关键字 ‘object-position’
CSS <position>值简介理解background百分比定位
2015年03月16日，星期一半深入理解CSS3 object-position/object-fit属性
2015年03月15日，星期日
现代web显示环境万变，响应式布局(适配移动端)、半响应布局(宽窄屏适配)以及传统流体布局（任意宽度水平自适应）都比较常见，结果，在处理这些有着固定尺寸的元素的时候，就会遇到障碍，例如，一个2:1的视频，永远要等比例充满容器，但是，随着浏览器宽度不一样，容器的长宽比有可能小于2，也有可能大于2. 你说，你能轻松实现小于比例2时候，视频宽度100%；比例大于2的时候，高度100%吗？
显然，很麻烦，最后大多还是使用JS去把控。正是为了应对类似这样的响应式需求，object-fit和object-position才应运而生……
我的应用
我的应用