一、通过CSS技巧可以实现图片自适应<div>大小的效果
给父元素<div>设置相对定位,并添加以下样式属性:
div {
position: relative;
}
img {
max-width: 100%;
height: auto;
}
这样,图片就会根据父元素的大小进行自适应,保持宽高比例,而不会被拉伸变形。
一、通过CSS技巧可以实现图片自适应<div>大小的效果
给父元素<div>设置相对定位,并添加以下样式属性:
div {
position: relative;
}
img {
max-width: 100%;
height: auto;
}
这样,图片就会根据父元素的大小进行自适应,保持宽高比例,而不会被拉伸变形。
2024-08-27 09:08:17
2024-05-09 11:05:34
2024-06-06 10:06:47
2024-04-22 09:04:34
2024-03-29 15:03:20
2024-04-20 17:04:38
2024-05-10 08:05:15
2024-10-30 21:10:12