IE11及以下不支持该属性
一般用于 img 和 video 标签，指定元素的内容应该如何去适应指定容器的高度与宽度。
| 值 | 描述 |
|---|---|
| fill | 默认，不保证保持原有的比例，内容拉伸填充整个内容容器。 |
| contain | 保持原有尺寸比例。直到有一侧顶到边。 |
| cover | 保持原有尺寸比例。直到充满整个容器。 |
| none | 保留原有元素内容的长度和宽度，也就是说内容不会被重置。 |
| scale-down | 保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。 |
| initial | 默认值 |
| inherit | 继承父元素 |
用来设置通过object-fit调整过尺寸的元素的位置
属性值类似background-position
1、标签的object-fit和object-position img元素有两个特别的属性object-...
IE11及以下不支持该属性 object-fit 一般用于 img 和 video 标签，指定元素的内容应该如何去...
前言 之前我写过一篇开发笔记图片比例缩放且不超出范围里面使用了object-fit的contain，现在我来总结一...
添加一句代码即可： object-fit:fill;video {object-fit:fill;width:...
object-fit：cover；
css html 这其中最重要的就是属性 object-fit ,关于 object-fit 详情参考: http...
CSS3 object-fit处理图片object-fit: fill; 填充元素的内容框，会拉伸o...
object-fit属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框 语法 object-fit ...
object-fit: contain;text-align: center;
比如有一个元素 img，高度固定，宽度不固定，调整浏览器窗口大小的时候要img元素不变形，宽高比不变，直接用 ob...
本文标题：object-fit、object-position
本文链接：https://www.haomeiwen.com/subject/ghdlyktx.html
网友评论