Internet Explorer 中的最大宽度和最大高度解决方案答案

【问题标题】：max-width and max-height solution in Internet ExplorerInternet Explorer 中的最大宽度和最大高度解决方案
【发布时间】：2011-02-16 17:25:18
【问题描述】：

在此页面中：

http://tinyurl.com/widthheight

我使用的是最大宽度和最大高度。

适用于 Firefox、Chrome、Opera、Epiphany 等，但不适用于 Internet Explorer。

在这种情况下您推荐什么解决方案？

我必须限制最大宽度为 180 像素，最大高度为 180 像素。

【问题讨论】：

IE7 支持最大高度/宽度。使用触发标准模式的 DOCTYPE，然后它将起作用。

标签： internet-explorer image css

【解决方案1】：

看看这个 hack - 我不认为 IE 正确支持 max-width

http://www.svendtofte.com/code/max_width_in_ie/

【讨论】：

【解决方案2】：

查看此资源：Max width workaround for IE 6+。请注意，它不适用于禁用 Javascript 的用户。

【讨论】：

【解决方案3】：

尝试为 IE 最大宽度添加这个：

.maxwidth {
    zoom:1;
    maxwidth:expression(
        function(t){
            var w = t.parentNode.scrollWidth;
            if (w != t.w) {
                t.w = w;
                var max = parseInt(t.currentStyle['max-width'], 10);
                t.style.width = 'auto';
                if (t.scrollWidth > max) {
                    t.style.width = max;
                }
            }
        }(this)
    );
}

【讨论】：

【解决方案4】：

上述解决方案可以在 IE 中实现最大宽度/高度，但只是想提一下，如果性能是一个问题，您可能需要考虑生成实际的缩略图而不是依赖于 HTML/CSS 大小。

缩略图会导致文件更小，您可以裁剪它们以改善视觉方向。它还可以解决对 JavaScript 的需求和/或 CSS 表达式的负面性能影响。

从维护的角度来看可能不可行，但我想我会提到它......

【讨论】：