最大宽度和最大高度解决在Internet Explorer

Question

在这个页面：

http://tinyurl.com/widthheight

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

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

。

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

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

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

看看这个黑客 - 我不认为IE支持最大宽度适当

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

Answer 3

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

Answer 4

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

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

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