最大寬度和最大高度解決在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表達式的負面性能影響的需求。

從維護的角度來看可能是不可行的，但我想我會提到它...