根據內容寬度和高度調整彈出窗口的大小

我有一個大小不一的html頁面。根據我隱藏一些內容的條件。我怎樣才能得到身體的寬度和高度的JavaScript，以便我可以根據頁面內容的大小動態調整窗口大小。謝謝...根據內容寬度和高度調整彈出窗口的大小

2010-03-10 coder247

我會小心調整瀏覽器窗口的大小，因爲它可能會很快變得煩人（特別是如果用戶直接打開頁面而不是彈出窗口）。如果用戶想要在內容周圍留出一點空間以便閱讀，該怎麼辦？在大多數瀏覽器中，您還可以關閉某些Javascript效果，如移動窗口和調整窗口大小 - 它們甚至可能在默認情況下關閉。 012abc的想法包裝內容在一個div應該工作正常，至少在高度。如果寬度仍然顯示當前窗口的整個寬度，則嘗試添加float:left，它將適合內容的寬度。

一個很好的解決方案是使用燈箱腳本來顯示內容。我不知道任何將調整HTML/iframe內容的副手，但值得深入研究。

來源

2010-03-10 17:01:17 DisgruntledGoat

這個想法爲我工作......但我增加了一些值的寬度和高度。所以現在它適用於各種大小的頁面... function windowResize（）{ var width = document.getElementById（「resizeDiv」）。offsetWidth; var height = document.getElementById（「resizeDiv」）。offsetHeight; alert（height）; window.resizeTo（width + 20，height + 100）; } – coder247 2010-03-11 12:16:35

好，document.body.offsetWidth和document.body.offsetHeight應該爲你做的伎倆。請記住，設置窗口大小將與視口大小不同，具體取決於您是否有狀態欄等。

哦，您正在尋找視口大小。這裏是a link to a site，它解釋瞭如何做到跨瀏覽器。

來源

2010-03-10 16:04:01 Robusto

但這給了我最大化窗口的大小。對我來說，它給了1280.我喜歡得到我的窗口內容的寬度和高度。它通常在200到300之間變化。 – coder247 2010-03-10 16:06:02

使用相同的想法，你能不能將頁面包裝在一個命名的div或跨度內，並獲得它的大小？ – icabod 2010-03-10 16:24:19

@icabod，給出了相同的結果。 – coder247 2010-03-10 16:35:53

根據內容寬度和高度調整彈出窗口的大小

回答

相關問題