1

我正在開發一個擴展,它會根據您的文本給出響應,這種方法很有用,而且所有功能都可以使用,但瀏覽器動作的高度不會重置。瀏覽器動作高度將不會重置

爲了解決這個問題,我試圖用window.resizeTo調整窗口的大小,並嘗試使用jQuery手動設置'html'和'body'的高度。沒有任何工作。這是Google Chrome的錯誤還是我做錯了什麼? 這不會使它工作,因爲它保持相同的大小。

正如您在圖片中看到的那樣,窗口的大小開始變大,然後我輸入一個問題,然後回到比最初更大的窗口。

The beginning size

Changes to size of response windowHeight wont go back

+0

@wOxxOm如果你真的閱讀我的文章,你會看到我描述,因爲它不起作用 –

+0

在這裏工作。唯一不明顯的情況是,當CSS Box Model中存在較高的內部元素時。 – wOxxOm

+0

@wOxxOm我將空白瀏覽器動作的高度設置爲600px,然後回到0px,並且沒有調整大小。似乎是Chrome的一個問題。 –

回答

1

彈出不能變得比它的內容和/或CSS允許使用更小。

通過檢查彈出窗口(右鍵單擊它並選擇Inspect popup),查找<body>內部的各種元素以查看它們突出顯示並顯示它們的實際高度,從而找到佔據整個高度的元素和/或CSS規則。如果所有元素都小於彈出窗口,則只能表示您在<body><html>之間有CSS規則,該規則指定了最小高度。如果可能的話,從CSS中刪除該規則或覆蓋它。

你的情況的問題是其中一個第三方樣式中的CSS規則html {min-height: 100%}

設置爲bodyheightmin-heighthtml,例如像這樣:

document.body.style.height = '0px'; 
document.body.style.minHeight = '0px'; 
document.documentElement.style.height = '0px'; 
document.documentElement.style.minHeight = '0px'; 

或者使用'auto'代替'0px'

相關問題