如何使用 CSS 修改图片尺寸
可以使用以下 CSS 属性来修改图片的尺寸:
-
width:设置图片的宽度,可以使用像素、百分比或者其他单位。 -
height:设置图片的高度,同样可以使用像素、百分比或者其他单位。 -
max-width:设置图片的最大宽度,如果图片原始尺寸大于这个值,则会自动缩小。 -
max-height:设置图片的最大高度,同样如果图片原始尺寸大于这个值,则会自动缩小。
示例代码:
img {
width: 300px;
height: auto; /* 自动根据宽度调整高度 */
max-width: 100%; /* 图片最大宽度为父容器宽度 */
max-height: 500px; /* 图片最大高度为500像素 */
}
原文地址: https://www.cveoy.top/t/topic/lt1v 著作权归作者所有。请勿转载和采集!