object-fit 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框
object-fit 属性由下列的值中的单独一个关键字来指定。
contain：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加黑边。
cover：被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
fill：被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。
none：被替换的内容将保持其原有的尺寸。
scale-down：内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
*注意：IE不兼容
object-fit属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框 语法 object-fit ...
一、成员属性和成员方法在构造函数中，通过this.属性声明，或者实例化出对象后，通过“对象.属性”追加的，都属于成...
存储属性 存储属性：用于存储一个常量或变量 结构体实例赋值给常量，该实例属性不能被修改（因为结构体属于值类型，当值...
attr（属性名，属性值）操作所有属性 removeAttr（属性名） prop（属性名，属性...
依赖属性 简单理解就是属性，支持继承，比如 Window 有 Font 属性，Button 也有 Font 属性，...
属性创建。 属性名称，属性类别，默认属性，输出属性。 属性转移，atteibutrename. 在点属性上，现有属...
各类属性： 样例： ／／辅助属性：属性／／可确定同表的属性：属性／／其他相关属性：属性 乐器相关属性 乐器ｉｄ乐器...
人生三属性：可分为善良属性，激情属性，愚昧属性； 三属性又分为个性三属性、时间三属性、食物三属性。...
一、 变量与属性的区别 属性分节点属性 和js属性节点属性 :元素自带属性js属性:js中自定义的属性 当js属性...
存储属性 计算属性 属性观察者 静态属性 使用下标 存储属性 存储属性概念 存储属性可以存储数据，分为常量属性（用...
本文标题：CSS-object-fit属性
本文链接：https://www.haomeiwen.com/subject/flxcdctx.html
网友评论