javascript 实现图片自动适应DIV的大小并进行拉伸,使图片不重复显示

发布网友发布时间：2022-06-12 22:52

共4个回答

热心网友时间：2023-10-10 11:50

楼主，这个我接触多了你试试我的.可以的话求采纳。
css:
.div1{width:100px;}//这个随意设置
.div1 img{width:100%;}
html:
<div class="div1"><img src="我的图片" /></div>

热心网友时间：2023-10-10 11:50

只是这样的话不需要JS的
比如这样
<div style="WIDTH=80%;height：auto">
<img src="" width="100%">
</div>
这样的话图片就会自动拉伸了。

热心网友时间：2023-10-10 11:50

如果你不考虑低版本的浏览器，可以使用background-size: 100% 100%;这样图片就可以跟者div的变化而进行伸缩
如果考虑兼容性：
<div style="width: 100%; height: 300px;">
<img style="width:100%; height:100%;" src="xxx.jpg"/>
</div>

热心网友时间：2023-10-10 11:51

图片的长写width:100%