包裹图像并强制相同的大小

Question

我有一个图像和一个包裹图像的div。在加载时，div具有与图像完全相同的大小，但是当我调整图像大小时，div不会调整图像的宽度。

看到我用Chrome测试过的小提琴中的问题：

http://jsfiddle.net/8pLed/

似乎

display: inline;

不是解决方案

修改

这是我改变窗口大小后的样子：

Answer 1

style="width: 100%;"需要根据浏览器的宽度重新调整图像大小。

您也可以使用

style="position: absolute; left: 0; right: 0;"

但img元素不会是静态的。

您正在使用width: auto设置图像的宽度与高宽比的高宽比。