Javascript 如何根据div标签图像自动调整图像大小

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标签大小来调整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'/>

这是代码

    <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文件中包含所有样式。所以记住这一点。