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

Question

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

如果宽度设置为width: -moz-available;，它在Firefox中有效。Chrome中是否有类似的东西？

Answer 1

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