1、使用width
和height
属性设置图片的宽度和高度。
<img src="example.jpg" width="300" height="200">
2、使用CSS样式设置图片的宽度和高度。
<style> .image { width: 300px; height: 200px; } </style> <img src="example.jpg" class="image">
3、使用百分比设置图片的宽度和高度。
<img src="example.jpg" width="50%" height="50%">
4、使用objectfit
属性设置图片的缩放和裁剪方式。
<style> .image { width: 300px; height: 200px; objectfit: cover; /* 保持纵横比并覆盖整个容器 */ } </style> <img src="example.jpg" class="image">
5、使用vw
、vh
、vmin
或vmax
单位设置图片的宽度和高度,这些单位分别表示视口宽度、视口高度、视口最小值和视口最大值。
<img src="example.jpg" width="50vw" height="50vh">
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。