Javascript 如何根据div标签图像自动调整图像大小
我想根据自动更改我的div标签大小来调整div标签内的图像大小。如何使用j query实现请帮助我们Javascript 如何根据div标签图像自动调整图像大小,javascript,jquery,Javascript,Jquery,我想根据自动更改我的div标签大小来调整div标签内的图像大小。如何使用j query实现请帮助我们 注意,图像位于div标签内。答案很简单,添加宽度:样式100%。像这样: <img src='image_url.jpg' style='width: 100%' alt='image_name'/> 答案很简单,添加宽度:样式为100%。像这样: <img src='image_url.jpg' style='width: 100%' alt='image_name'/&g
注意,图像位于div标签内。答案很简单,添加宽度:样式100%。像这样:
<img src='image_url.jpg' style='width: 100%' alt='image_name'/>
答案很简单,添加宽度:样式为100%。像这样:
<img src='image_url.jpg' style='width: 100%' alt='image_name'/>
这是代码
<div id="img_box">
<img src="path/to/horizontal_image.jpg" style="width: 100%" />
</div>
也可以看看下面的链接
这是代码
<div id="img_box">
<img src="path/to/horizontal_image.jpg" style="width: 100%" />
</div>
也可以看看下面的链接
使用jQuery时:
$('.divSelector').find('img').css({
'width': '100%',
'height': '100%'
});
使用jQuery:
$('.divSelector').find('img').css({
'width': '100%',
'height': '100%'
});
我相信一些较老的浏览器也喜欢将
height:auto
包含在内。但最好的做法是将所有样式都包含在css文件中。所以请记住。我相信一些较老的浏览器也会喜欢它,当你包括height:auto
时。但是最好的做法是在css文件中包含所有样式。所以记住这一点。