好的,下面是一个示例代码:
img {
width: 100%;
height: auto;
}
这段代码可以使图片的宽度自动撑满容器,而高度自动等比缩放。
如果你想使图片的长边(无论是宽还是高)撑满容器,可以使用以下代码:
img {
width: 100%;
height: 100%;
object-fit: cover;
}
这样图片就会被拉伸,使其长边撑满容器,短边会被裁剪。
希望这些代码能帮到你!
好的,下面是一个示例代码:
img {
width: 100%;
height: auto;
}
这段代码可以使图片的宽度自动撑满容器,而高度自动等比缩放。
如果你想使图片的长边(无论是宽还是高)撑满容器,可以使用以下代码:
img {
width: 100%;
height: 100%;
object-fit: cover;
}
这样图片就会被拉伸,使其长边撑满容器,短边会被裁剪。
希望这些代码能帮到你!