在 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