img { width: 100%; }
该示例代码中,将图片的宽度设置为100%。这里的百分比将会是基于其容器的宽度进行计算,因此图片的宽度将会根据容器的宽度而变化。如果想将图片设定为定宽,则可以使用px、rem等单位值。
除了width属性外,在设置图片的宽度时还可以使用max-width属性和min-width属性。max-width属性用于设置图片的最大宽度,而min-width属性用于设置图片的最小宽度。这两个属性同样可以设置为像素值或百分比的形式。以下是示例代码:img {
max-width: 500px;
min-width: 100px;
}
该示例代码中,图片的最大宽度被设定为500px,最小宽度被设定为100px。如果图片的宽度超过了最大宽度,则会自动缩放至最大宽度;如果图片的宽度小于最小宽度,则会按最小宽度进行展示。