2011-08-20 176 views
24

在我看來,彈出窗口的高度有一個489像素的限制。 如果我將彈出窗口的body元素設置爲600像素的高度,那麼彈出窗口會獲取滾動條(因爲頁面內部會變大),但彈出窗口不會更改其大小。鉻擴展,彈出窗口的高度

是否可以使彈出窗口的高度大於489像素?

+0

你打電話給彈出窗口?我們可以看到一些標記,JS等嗎? –

+0

只需按右上角的通常按鈕就可以用於其他分機。代碼...我不認爲有必要在這裏展示,但如果你堅持我會的。 – megas

+0

我誤解了這個問題,抱歉megas! –

回答

32

在css中爲htmlbody元素設置height

+0

我不知道爲什麼,但它不起作用 – megas

+4

謝謝!您必須將'height' CSS屬性添加到'HTML'元素,而不僅僅是'BODY' – tim

+0

好吧。我很抱歉,但我似乎無法弄清楚如何獲取對'html'元素的引用..? – wasatchwizard

0

彈出窗口的大小應該適合內部的(相對定位的)內容。或者,您可以在彈出頁面的主體上設置height CSS屬性,以將其強制到特定高度。

您也可以通過在身上設置overflow: hidden;來隱藏滾動條。

+0

它完全適合高達489像素,如果大於這個數字,那麼它會顯示滾動條 – megas

0

如果您的彈出窗口僅用於更新擴展的設置。最好的方法是創建一個名爲options_page的分頁設置頁面,而不是彈出窗口。

有關options_page的參考是here

+0

我的擴展是一種標籤管理器,所以它不能成爲選項頁面。 – megas

3

Chrome擴展的彈出窗口具有最大高度和寬度。這就是爲什麼設置body和html元素高度的解決方案在某些情況下確實有效,並且在其他情況下不起作用。對於Windows,最大高度似乎設置爲489像素。

此外,彈出窗口的大小通常適合其(相對定位)元素的大小。如果彈出窗口的DOM被動態改變,情況也是如此。所以,設置彈出窗口的高度通常不應該是骯髒的。

+1

在我看來,最大高度是600px。也許它因屏幕分辨率而異? –