Javascript 如果容器小于图像标称宽度,则缩放图像

Javascript 如果容器小于图像标称宽度,则缩放图像,javascript,jquery,html,css,image,Javascript,Jquery,Html,Css,Image,我使用简单的响应网格,但我还需要图像缩放插件。 就像在标题中一样,若容器变小,那个么我想缩放图像 有没有jquery或JS插件可以解决这个问题 <div id='container' style="width:700px;height:300px;"> <img src="someimage.jpg"> </div> 这样做的目的是,您的图像在宽度上自动填充容器 选择一个不会破坏图像纵横比的高度 不需要js 您还可以尝试以下css属性:width:i

我使用简单的响应网格,但我还需要图像缩放插件。 就像在标题中一样,若容器变小,那个么我想缩放图像

有没有jquery或JS插件可以解决这个问题

<div id='container' style="width:700px;height:300px;">
    <img src="someimage.jpg">
</div>
这样做的目的是,您的图像在宽度上自动填充容器 选择一个不会破坏图像纵横比的高度

不需要js


您还可以尝试以下css属性:
width:inherit从其父级继承属性。

您不能在SO上请求插件。通常。如果您尝试了一些方法,请务必展示您的尝试,并请求我们帮助您实施解决方案。不过,在没有尝试的情况下,这是离题的。谢谢您的解释。我是新来的,所以下次会尽量遵守规则。最大宽度:100%,而不是宽度:100%是长度。以防万一。
#container img {
    width:100%;
    height:auto; /* not needed but for the sake of what is happening */
}