- width: 100%;
- height: 100%;
- object-fit: cover;
-
/* 关键属性 */ object-fit: fill; object-fit: contain; object-fit: cover; object-fit: none; object-fit: scale-down; /* 全局属性 */ object-fit: inherit; object-fit: initial; object-fit: unset;
值
- 被替换的内容的大小,以填补该元素的内容框:对象的具体对象的大小是元素的使用宽度和高度。
- 被替换的内容的大小,为自身宽高比不变,适应该元素的内容框的大小:它的具体对象的大小被解析为对元素的使用宽度和高度的含有约束。
- 被替换的内容的尺寸却使元件的整个内容框,以保持其长宽比其具体的对象的大小被解析为针对元素的使用的宽度和高度的盖约束。
- 被替换的内容的尺寸却使元件的整个内容框,以保持其长宽比其具体的对象的大小被解析为针对元素的使用的宽度和高度的盖约束。
-
内容的尺寸仿佛
none
或contain
指定了,取将导致更小的具体对象的大小。
fill
contain
cover
none
scale-down
css image自适应宽高
最新推荐文章于 2024-07-05 23:24:20 发布