object-fit属性

指定元素的内容应该如何去适应指定容器的高度与宽度，一般用于img和video标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接拉伸等

值	描述
fill	默认值，不保证保持原有的比例，内容拉伸填充整个内容容器。
contain	保持原有尺寸比例。内容被缩放。
cover	保持原有尺寸比例。但是部分内容可能被裁切。
none	保留原有元素内容的长度与宽度，也就是说内容不被重置。
scale-down	保持原有尺寸比例，内容的尺寸与none或者contain中的一个相同，取决于他们两个之间谁得到的对象的尺寸会更小些。

关于标签，图片的裁剪属性
object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度，一般用于img和video标签，一般可...
前端
img使用img标签来向网页中引入一个外部图片img标签也是一个自结束标签属性：src：设置一个外部图片的路径al...
day01
HTM+CSS img图片标签练习格式 src=""是img的一个属性，指定图片来源alt...
HTML三
html图片： 1，可以使用img标签来显示一张图片。我们需要掌握img标签的三个属性：src ，alt，titl...
图片懒加载原理及实现
原理：先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-...
图片懒加载实现
先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-src）...
5.图片-HTML基础
一、图片标签在HTML中，我们可以使用img标签来显示一张图片。对于img标签，只需要掌握它的 3 个属性：sr...
img 标签的响应 Content-Type
前言 img 标签的 src 属性使用了未携带图片后缀的 url，导致某些图片显示异常，呈现图片损坏的样式，img...
懒加载的原理
原理：先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比...
H5基础标签
图片标签。单标签。除了必须的src以外，还有俩可选属性：alt和title。 1、alt：...