css矩形标签，css流程进度图，css颜色值表示方式，css语言中漂浮语法，css中str什么意思，jq控制css切换图片，css3 色彩渐变动画
.container {
width: 200px;
height: 200px;
border: 2px solid black;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}“`
其中 `container` 为容器，`width` 和 `height` 分别设置容器的宽和高，`img` 的宽和高都设置为 100%，这样图片就会和容器一样大，`object-fit` 设置为 `cover`，即填充容器，并可能裁剪图片。
预览效果如下：图片铺满容器
css矩形标签，css流程进度图，css颜色值表示方式，css语言中漂浮语法，css中str什么意思，jq控制css切换图片，css3 色彩渐变动画
在这里你还可以尝试一下其他几个 `object-fit` 的值，看看会有什么效果。
希望这篇文章对你有所帮助。