<div>
<img>
</div>
img.onload = function(){
let w = img.width, h = img.height;
img.style.width = div.clientWidth + 'px';
img.style.height = h * div.clientWidth / w + 'px';
}
本文介绍了一种使用JavaScript实现图片自适应其容器宽度的方法,通过监听图片加载完成事件,动态调整图片的宽高比,确保图片在不同屏幕尺寸下都能保持良好的视觉效果。
<div>
<img>
</div>
img.onload = function(){
let w = img.width, h = img.height;
img.style.width = div.clientWidth + 'px';
img.style.height = h * div.clientWidth / w + 'px';
}

被折叠的 条评论
为什么被折叠?