使用百分比属性调整图像大小

Question

我在使用百分比属性调整图像大小时遇到​​问题。我正在尝试调整图像的大小，使其占其容器的百分比。这在Chrome中运行良好，但在Internet Explorer和Firefox中，它会将其调整为原始图像的百分比，而不是适合其容器。是否有任何工作可以让它在资源管理器和Firefox中做我想做的事情？

Answer 1

在这个测试中：

• <div>容器设置为800px
• 以及1000x1000图片<img>
内的儿童width:50%

http://jsfiddle.net/pxfunc/QdmuD/

所有浏览器都以400x400（容器的50％）显示图像

在Chrome（开发版），FF 8，IE 9（以及7,8种兼容模式）中测试