2012-05-04 80 views
0

我想使用jQuery來調整彈出窗口的大小以適應其內容。寬度:自動不適用於IE8

在Chrome和IE9,我用

$(windowSelector).css('width', 'auto'); 

及其所有的罰款。

但IE8中的同一行導致彈出窗口在屏幕上拉伸,寬度明智。

有沒有人知道任何方式來解決這個問題?

+1

你可以在jsfiddle中加入一個例子嗎? – jeroen

回答

0

width:auto;是所有元素的默認寬度。唯一有意義的上下文是重置在別處設置的寬度。它不會將元素的寬度設置爲子元素的寬度。

IE最有可能設置爲100%,因爲它沒有父元素來限制寬度(塊級元素的默認值)。自動應用於內聯元素的寬度不會執行任何操作。

爲了將某些事物的大小設置爲它的子節點的寬度,您需要使用JavaScript獲取高度和寬度,並將其設置在父元素上。

1

你可能想嘗試下面的代碼,雖然沒有提供更多的細節,但它可能不會做你期望的事情(在IE7中也不行)。

$(windowSelector).css('display', 'inline-block');