Chrome擴展頁面popup.html不調整大小

所以我有這個Chrome擴展從網上加載一些內容。基本上用戶點擊彈出圖標，然後後臺頁面中的一些JavaScript加載一些頁面，從中解析圖像並將其放入popup.html頁面。問題是popup.html沒有調整大小以適應內容的實際大小。我在StackOverflow上看到了一些類似的問題，每個答案都是「在popup.html頁面的頂部放置<!DOCTYPE html>」，在我的情況下這不起作用。彈出窗口的尺寸非常小（約1平方釐米）。Chrome擴展頁面popup.html不調整大小

此前我有一些固定寬度&高度的CSS樣式，但我注意到我的內容並不總是相同的大小，所以我想popuphtml頁面自動調整其大小以適應內容。

我知道，在最壞的情況下，我可以分析圖像的寬度和高度，並將其設置爲CSS，但我覺得有一個更優雅的解決方案。

謝謝

來源

2013-02-01 Masiar

我設法解決了這個問題。所以顯然，如果我將內容加載到popup.html中，彈出窗口不會自動調整大小。這是沒有辦法的。所以我試圖在加載要顯示的內容後修改頁面的CSS，但這也不起作用。然後我發現動態調整大小時，頁面中不應該有任何隱藏的內容。當我從網絡加載內容時，我將整個頁面隱藏在一個隱藏的div中，然後通過JavaScript訪問我感興趣的頁面元素，抓住它並將其放入彈出頁面中的可見容器中。爲了解決這個問題，我不得不通過document.getElementById('myHiddenDiv').innerHTML = ""「刪除」隱藏div的內容，並且魔術般彈出調整大小:-)。

來源

2013-02-21 12:59:16 Masiar

我能夠用一點點jQuery動態調整彈出窗口大小。

$('html').height($('#menu').height());

哪裏#menu僅僅是包裝所有內容的股利。 body沒有正確調整大小，所以我無法使用它。

顯然只是改變html的高度就夠了。

來源

2015-04-08 18:29:13

Chrome擴展頁面popup.html不調整大小

回答

相關問題