Javascript:模拟 IE 中图像的 maxWidth 和 maxHeight

Question

我需要在需要使用 IE 7/8 的脚本中对图像使用 maxWidth 和 maxHeight。由于IE不支持这些CSS规则，我写了如下函数:

function maxDimensions(element, maxWidth, maxHeight)
{
    element.style.width = 'auto';
    element.style.height = 'auto';
    element.style.width = maxWidth;
    var ht = element.innerHeight ? element.innerHeight : element.clientHeight;
    if (ht > maxHeight)
    {
        element.style.width = 'auto';
        element.style.height = maxHeight;
    }
}

然而，这似乎无声地失败了，只是没有调整一些图像的大小，而在其他图像上工作得很好。在 IE 中是否有一种“可接受的”方式来完成这项工作？我的代码有什么明显的错误吗？

Answer 1

您可以使用 CSS 表达式在 IE6 中模拟 maxWidth 和 maxHeight - 此处示例 http://www.cameronmoll.com/archives/000892.html .确保有条件地将这些规则应用到仅针对 IE6 并记住 CSS 表达式有一些大的性能问题。