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

Question

在我的页面中，我使用最大宽度和最大高度。

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

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

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

Answer 1

尝试为 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)
    );
}

Answer 2

看看这个 hack - 我认为 IE 不能正确支持最大宽度

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

Answer 3

查看此资源：IE 6+ 的最大宽度解决方法。 请注意，它不适用于禁用 Javascript 的用户。

Answer 4

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

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

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