我有一个大小不一的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. 窗口宽度和调整大小
- 2. 动画窗口调整大小(宽度和高度)C#WPF
- 3. 调整窗口大小的Webview的宽度/高度调整大小
- 4. window.open根据动态内容自动调整高度和宽度
- 5. 相对于高度的自动宽度+调整窗口大小
- 6. jQuery Mobile弹出窗口内容高度超过窗口高度
- 7. 调整窗口大小的div宽度
- 8. jQuery窗口调整大小问题 - 高度/宽度计算
- 9. 在窗口调整大小的iframe的宽度调整大小
- 10. 如何根据窗口宽度触发调整大小功能
- 11. 使用extjs根据窗口大小调整标签宽度
- 12. 在窗口调整大小设置最小高度和最小宽度
- 13. 如何根据其内容调整ExtJS窗口宽度?
- 14. 根据窗口大小动态调整闪亮绘图输出的高度和/或宽度
- 15. 根据窗口高度调整图像大小
- 16. 在调整窗口大小时调整滑块的宽度/高度
- 17. 根据UILabel内容调整UITableViewCell高度的大小
- 18. 根据内容高度自动调整iframe的大小
- 19. ReactNative 0.28:根据内容高度调整WebView的大小
- 20. 宽度:调整窗口大小(CSS)时调整大小100%
- 21. 在窗口调整大小元素宽度调整大小jquery
- 22. 调整窗口大小时更新窗口内部高度
- 23. Div的自动调整大小的窗口的宽度和高度
- 24. 根据宽度调整图像大小
- 25. 调整窗口(宽度)上的所有网站内容调整大小
- 26. 当窗口高度调整大小时调整图像大小
- 27. 调整窗口大小调整页眉和页脚宽度
- 28. Gridster根据内容高度自动调整大小
- 29. 更改图像的宽度和高度,同时窗口调整大小
- 30. 根据高度调整ImageView宽度
这个想法为我工作......但我增加了一些值的宽度和高度。所以现在它适用于各种大小的页面... 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