在 CSS 中,可以使用 width
和 height
属性来设置图像的大小。这两个属性可以分别设置为具体的像素值,也可以设置为相对值如百分比或 auto
。
例如,将图像的宽度设置为 200px
,高度设置为 auto
,可以使用以下代码:
img {
width: 200px;
height: auto;
}
这将使图像的宽度为 200px
,高度将自动根据宽度调整。
另外,还可以使用 max-width
和 max-height
属性来设置图像的最大尺寸。这些属性也可以设置为具体的像素值或百分比。例如,将图像的最大宽度设置为 100%
,最大高度设置为 300px
,可以使用以下代码:
img {
max-width: 100%;
max-height: 300px;
}
这将使图像的宽度最大为其父元素的宽度,但不会超过 300px
的高度。
需要注意的是,使用 width
和 height
属性来设置图像大小可能会拉伸或压缩图像,导致图像失真。因此,最好使用 max-width
和 max-height
属性来保持图像的比例关系,同时又不会超出指定的尺寸。