在CSS中,可以为图片指定特定的宽度和高度来控制其大小。但是,在一些情况下,我们希望图片能够根据其最短边来自适应大小。
实现这个效果的CSS样式如下:
img { max-width: 100%; height: auto; }
这里的“max-width: 100%”表示图片的最大宽度为其容器的宽度,而“height: auto”则表示图片的高度会自动根据其最短边来设置。
这样的做法可以确保图片不会变形,并且能够适应不同屏幕大小和设备。