css 图片的尺寸自适应给定的宽度
时间: 2023-10-01 11:06:39 浏览: 244
根据图片大小自适应的CSS
5星 · 资源好评率100%
如果要让图片的尺寸自适应给定的宽度,可以设置图片的 `max-width` 属性为 100%,并且将 `height` 属性设置为 `auto`。这样,当图片的实际宽度小于给定的宽度时,图片会按比例缩小,以适应给定的宽度;当图片的实际宽度大于给定的宽度时,图片会被缩小至给定宽度,并按比例缩小高度。
例如,假设给定的宽度为 500 像素,可以这样设置图片的样式:
```
img {
max-width: 100%;
height: auto;
}
```
这样,无论图片的实际宽度是多少,都会自适应给定的宽度,并保持原始比例。
阅读全文