object-fit: fill;
被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。
object-fit: contain;
被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加黑边
object-fit: cover;
被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
object-fit: none;
被替换的内容将保持其原有的尺寸。
参考链接： https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit
object-fit: fill;被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容...
1、标签的object-fit和object-position img元素有两个特别的属性object-...
HTM+CSS img图片标签练习 格式 src=""是img的一个属性，指定图片来源alt...
IE11及以下不支持该属性 object-fit 一般用于 img 和 video 标签，指定元素的内容应该如何去...
object-fit属性 指定元素的内容应该如何去适应指定容器的高度与宽度，一般用于img和video标签，一般可...
css html 这其中最重要的就是属性 object-fit ,关于 object-fit 详情参考: http...
概述 icon 有很多做法，主要的做法有 img 标签 background-image 属性 CSS Sprit...
1.img缩放属性style="object-fit: cover;"2.去掉滚动条::-webkit-scrol...
img标签使用src的方法展示图片，如果使用background-image属性就会多出边框 html css 解...
alt 替换文本属性 width：宽 height：高 href属性：指向另一个文档的链接 name属性：创建文档内链接
本文标题：css Img标签的object-fit裁剪属性
本文链接：https://www.haomeiwen.com/subject/iukzsktx.html
网友评论