使用浏览器窗口调整div中的图像

Question

我在div中div的div中有一个图像。我想调整图像大小以适应div，保持纵横比。它适用于firefox，但我无法在基于webkit的浏览器中使用它。

如果宽度设置为width: -moz-available;，它在Firefox中有效吗？Chrome中有类似内容吗？

Answer 1

将图像设置为max-width: 100%。如果您需要在IE7或更低版​​本中进行高质量缩放，请同时使用AlphaImageLoader添加sizingMethod='scale'过滤器。