在 CSS 中,可以通过设置图片的宽度和高度来控制图片的显示效果,下面是一些常用的图片尺寸设置代码:/* 设置图片宽度为 300 像素,高度自适应 */ img { width: 300px; hei
在 CSS 中,可以通过设置图片的宽度和高度来控制图片的显示效果,下面是一些常用的图片尺寸设置代码:
/* 设置图片宽度为 300 像素,高度自适应 */ img { width: 300px; height: auto; } /* 设置图片高度为 200 像素,宽度自适应 */ img { height: 200px; width: auto; } /* 设置图片宽度和高度同时固定 */ img { width: 300px; height: 200px; }
其中,width
属性可以设置图片的宽度,height
属性可以设置图片的高度。当图片宽度和高度都设置时,图片会被缩放到指定的大小,可能会失真;当只设置宽度或高度时,另一维度会自适应缩放。
值得注意的是,在实际项目中,应该尽可能避免为图片设置固定宽高,而应该使用相对大小单位(如百分比)或响应式图片来适应不同的屏幕大小和设备类型。
粉丝
0
关注
0
收藏
0