Javascript 如何使图像随着DIV的变化而动态调整大小？

我有一种情况，我需要在

的背景中设置一个图像，并希望它根据div动态调整大小。这意味着

的高度和宽度可以根据动态数据进行更改。因此，我希望图像遵循

。

---

感谢使用jQuery调整图像大小

---

将图像标记中的宽度属性设置为100%，这样它将完全位于父标记中。

您可以依赖CSS背景大小属性。-他们将其应用于body元素，但这可以用于任何

。基本上，它看起来是这样的：

.examplediv {
background: url(images/example.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 }

---

有一些过滤器需要应用，以使IE正常工作，但在文章的底部提到了它们。

@Sergio Tulentsev:这不起作用，您是否使用

或背景图像作为div？背景图像作为div@KyleSevenoaks：这就是我的div目前的样子，这就是我正在做的：……所以它喜欢它的一部分属性我想如果你把图像标签放在div标签里面，那么它可能会像这样工作。。那已经三年多了。我希望没有人再这样做了。解决方案的简单CSS：

img{width:auto；height:auto；max width:200px；max height:200px；}

@rgthree:发布答案。其他人提供了线索，但没有任何真正的答案。代码不会像钉子一样生锈；罗伯特·哈维我会回答，但奇普卡伦有正确的答案（问题是关于CSS应用背景图像）。无论如何，当浏览器可以通过CSS本机处理此问题时，只需帮助避免使用javascript带来不必要的开销。三年内会发生很多事情，让事情变得更好更快。毫无疑问，你的答案是有效的，只是不再是最好的方法，仅此而已。

.examplediv {
background: url(images/example.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 }