我有一個大小不一的html頁面。根據我隱藏一些內容的條件。 我怎樣才能得到身體的寬度和高度的JavaScript,以便我可以根據頁面內容的大小動態調整窗口大小。 謝謝...根據內容寬度和高度調整彈出窗口的大小
3
A
回答
5
我會小心調整瀏覽器窗口的大小,因爲它可能會很快變得煩人(特別是如果用戶直接打開頁面而不是彈出窗口)。如果用戶想要在內容周圍留出一點空間以便閱讀,該怎麼辦?在大多數瀏覽器中,您還可以關閉某些Javascript效果,如移動窗口和調整窗口大小 - 它們甚至可能在默認情況下關閉。 012abc的想法包裝內容在一個div應該工作正常,至少在高度。如果寬度仍然顯示當前窗口的整個寬度,則嘗試添加float:left
,它將適合內容的寬度。
一個很好的解決方案是使用燈箱腳本來顯示內容。我不知道任何將調整HTML/iframe內容的副手,但值得深入研究。
3
好,document.body.offsetWidth和document.body.offsetHeight應該爲你做的伎倆。請記住,設置窗口大小將與視口大小不同,具體取決於您是否有狀態欄等。
哦,您正在尋找視口大小。這裏是a link to a site,它解釋瞭如何做到跨瀏覽器。
相關問題
- 1. 動畫窗口調整大小(寬度和高度)C#WPF
- 2. 相對於高度的自動寬度+調整窗口大小
- 3. 調整窗口大小的div寬度
- 4. 如何根據窗口寬度觸發調整大小功能
- 5. 使用extjs根據窗口大小調整標籤寬度
- 6. 如何根據其內容調整ExtJS窗口寬度?
- 7. 根據窗口大小動態調整閃亮繪圖輸出的高度和/或寬度
- 8. 在調整窗口大小時調整滑塊的寬度/高度
- 9. 寬度:調整窗口大小(CSS)時調整大小100%
- 10. 根據內容高度自動調整iframe的大小
- 11. 根據UILabel內容調整UITableViewCell高度的大小
- 12. 調整窗口大小時更新窗口內部高度
- 13. 根據寬度調整圖像大小
- 14. 調整窗口(寬度)上的所有網站內容調整大小
- 15. 當窗口高度調整大小時調整圖像大小
- 16. 調整窗口大小調整頁眉和頁腳寬度
- 17. 根據高度調整ImageView寬度
- 18. 在調整瀏覽器窗口大小時,背景圖像的寬度和高度都會調整大小
- 19. 根據UITableViewCell調整背景圖像的大小標籤的高度和寬度
- 20. 根據內容調整iframe高度
- 21. 根據內容調整iFrame高度
- 22. CSS:如何根據屏幕/窗口大小設置寬度和高度?
- 23. 如何根據黑莓的高度和寬度調整圖像大小
- 24. Slickgrid列的寬度應根據最寬的行內容自動調整大小
- 25. 最大高度和寬度與jQuery的大小調整
- 26. 根據屏幕寬度調整導航欄的最小高度
- 27. 使用Facebook彈出窗口更改登錄寬度和高度
- 28. UITableView寬度在彈出窗口內時
- 29. 根據內容高度調整圖像高度
- 30. 根據內容的高度調整iFrame的大小隻能放大?
這個想法爲我工作......但我增加了一些值的寬度和高度。所以現在它適用於各種大小的頁面... 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