图片高度自适应
时间: 2023-07-22 15:07:13 浏览: 66
img图片自适应
要使图片高度自适应,可以使用CSS中的`max-width`和`height: auto`属性。例如:
```html
<img src="example.jpg" alt="Example Image" style="max-width: 100%; height: auto;">
```
这将确保图像的宽度不超过其父元素的宽度,并保持其纵横比例。当父元素的宽度缩小时,图像的宽度也会相应地缩小,而高度也会自适应调整,以保持比例不变。
阅读全文