在 CSS 中,可以使用 width 和 height 属性来设置图像的大小。例如,要将图像的宽度设置为 200 像素,并使浏览器自动计算高度以保持图像的纵横比,可以这样写:
img {
width: 200px;
height: auto;
}
其中,width 属性设置图像的宽度,height 属性设置图像的高度,auto 值表示浏览器会自动计算图像的高度以保持纵横比不变。
另外,还可以使用 max-width 和 max-height 属性来限制图像的最大宽度和最大高度。例如,要将图像的最大宽度设置为 500 像素,可以这样写:
img {
max-width: 500px;
}
这样,如果图像的原始宽度大于 500 像素,浏览器会自动缩小图像以适应最大宽度的限制。
关键词高亮:width、height、auto、max-width、max-height