图片必须设置100%宽高，即不能超过parent在设置object-fit之前设置容器，否则没有意义。fill图片会被拉伸变形，宽高会被拉到父容器的100%以适应父容器。在父容器中，较短的一侧会有一个自动填充的间隙。object-fit:contain;covercover图片不会变形，图片会按照自己的比例缩放。整张图片会放在父容器中，图片的最短边会作为基准包含在父容器中。长边会溢出object-fit:cover;none与父容器的宽度和高度无关。显示图片的原始纵横比，以自身图片的“中心”为基准，将其置于父容器的“中心”。object-fit:none;scale-down内容的大小与none或contain之一相同，取决??于两者中哪一个导致更小的对象大小。适合对象：缩小；如果图片大于父容器的大小，则沿用contain的效果；如果图片小于父容器的尺寸，则遵循none的效果。在上面object-fit的展示中，我们发现可替换元素的对齐是自动的。例如，object-fit:fill;将左上角与父容器的左上角对齐。适合对象：无；中心与父容器的中心对齐等等。但是如果我们想手动更改对齐方式怎么办？？您可以使用object-position属性指定可替换元素的内容在其内容框中的位置。对象位置：10px10px；px可以设置，第一个值代表距离父容器左侧的距离，第二个值代表距离父容器顶部的距离。只有一个值表示距父容器左侧的距离。也可以设置%值，但此时只有在一侧有空格的情况下才有效。如果没有空格，只是填充父元素，是不行的。设置px没有这样的问题，之后的任何事情都会起作用。对象位置：右上；keywords可以设置，第一个value关键字可以设置(left|center|right)，第二个keyword可以设置(top|center|bottom)，此时不是指到左边的距离或者距离从顶部开始，指示将其放置在父元素上的位置。对象适合：填充；对象位置：50px50px；//10pxfromtheleft,10%fromtopplusobject-position前后对比：object-fit:contain;object-position:righttop;//停留在右上方家object-position前后比较：7.font-stretch为字体定义了正常或拉伸的字体外观，只是表示当有多种字体可供选择时，最合适的尺寸会为字体选择。normal默认字体semi-condensed,condensed,extra-condensed,ultra-condensed小于默认字体semi-expanded,expanded,extra-expanded,ultra-expanded大于默认字体8,font-variant-caps可以控制大写字母等特殊字符的使用。normal关闭所有特殊字符变体的使用。small-caps允许使用小型大写字母（OpenType功能：smcp）。小型大写字母是使用大写形式但与小写字母大小相同的字母。all-small-caps将所有大写和小写字母转换为小型大写字母。（OpenType特性：c2sc、smcp）。petite-caps允许使用petitecaps（OpenType特性：pcap）。all-petite-caps将所有大写和小写字母转换为小型大写字母。（OpenType特性：c2pc、pcap）。unicase允许将大写字母转换为与普通小写字母混合的小型大写字母（OpenType功能：unic）。titling-caps允许首字母大写（OpenType功能：标题）。大写变体字符通常设计为与小写字母一起使用。在标题序列中，全部使用大写字母会产生过于强烈的视觉效果。首字母大写就是为了应对这种情况。9.font-variant-east-asian控制东亚字符（如日文和中文、韩文等）的替代符号的使用。有几个值：正常；红宝石;jis78;jis83;jis90;jis04;简化；传统的;全屏宽度;proportional-width10,max-content/min-content/fill-available/fit-content这些值可以用在width,height,min-width,min-height,max-width和max-height属性上。display必须是inline-block或block，否则上面的值不起作用。fill-available元素填充可用空间。参考基础是父元素的宽度和高度。类似于子元素的div填充父元素的宽度，fill-available不仅可以填充宽度还可以填充高度。示例之前的代码Thisisthecontentofchildelement