在DIV里的IMG标签,经常会因为宽带不够而显示超出了DIV里,非常不好看,如何让图片自适应,一直显示在DIV里:
<div style="width=100px"><img src="https://www.czgw.cn/xhzw/zb_users/upload/2024/11/202411121731420277626263.png" style="width: 100%;height: 100%;object-fit: cover; " /></div>
把样式加在IMG里就可以自适应图片了。或者直接在样式文件里加上下面代码:
.div-container img { width: 100%; height: 100%; object-fit: cover; /* 保持宽高比,同时填充整个容器 */}