Question

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

图片的大小是长750px宽100px ，我要让图片跟着div的变长而变长。

Answer 1

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

追问

这种写法是要不得的！！ 我自己也这么写过。

追答

我公司的项目都是这样的，用的好好的。你还要不得。。。哎……

追问

你考虑过图片拉伸过后会有失真的！！！

追答

你图片根据div大小自动适应，还能考虑不失真？太天真了。自己看看自己提问的是什么问题吧。。。

Answer 2

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

Answer 3

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

Answer 4

图片的长写width:100%