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

时间:2011-11-22 23:10:51

标签: css image resize

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

1 个答案:

答案 0 :(得分:1)

在这个测试中:

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

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

所有浏览器都以400x400(容器的50%)显示图像

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