Question

在此页面中：

http://tinyurl.com/widthheight

我使用的是max-width和max-height。

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

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

我必须限制180px的最大宽度和180px的最大高度。

Answer 1

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

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

Answer 2

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

Answer 3

尝试为IE max-width添加此内容：

.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 4

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

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

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

Internet Explorer中的max-width和max-height解决方案

4 个答案: