淘先锋技术网

首页 1 2 3 4 5 6 7

在CSS中,可以为图片指定特定的宽度和高度来控制其大小。但是,在一些情况下,我们希望图片能够根据其最短边来自适应大小。

实现这个效果的CSS样式如下:

img {
max-width: 100%;
height: auto;
}

这里的“max-width: 100%”表示图片的最大宽度为其容器的宽度,而“height: auto”则表示图片的高度会自动根据其最短边来设置。

这样的做法可以确保图片不会变形,并且能够适应不同屏幕大小和设备。