控制图像纵横比

CSS3为此提供了简易的答案，该方案基本完成。
CSS图像值和替换内容模块（Image Values and Replaced Content module）草案（dev.w3.org/csswg/css3-images）定义了一个叫"object-fill"的属性。
该模块还有一个相关属性 —— object-position，用来设置元素内容的纵横位置。

object-fit: contain

object-fit: cover

object-position: -10px top