根据内容宽度和高度调整弹出窗口的大小

时间:2010-03-10 15:59:12

标签: javascript html resize window

我有一个不同大小的html页面。根据条件,我隐藏了一些内容。 如何使用javascript获取正文的宽度和高度,以便我可以根据页面内容的大小动态调整窗口大小。 感谢...

2 个答案:

答案 0 :(得分:5)

我要小心调整浏览器窗口的大小,因为它很快就会变得烦人(特别是如果用户直接打开页面而不是弹出窗口)。如果用户想要在内容周围留出一点空间以便于阅读,该怎么办?在大多数浏览器中,您还可以关闭某些Javascript效果,例如移动和调整窗口大小 - 它们甚至可能默认关闭。

icabod将内容包装在div中的想法应该至少在高度上正常工作。如果宽度仍然显示当前窗口的整个宽度,请尝试添加float:left,它将适合内容的宽度。

一个很好的解决方案是使用灯箱脚本来显示内容。我不知道任何可以调整HTML / iframed内容的副手,但是值得研究。

答案 1 :(得分:3)

嗯, document.body.offsetWidth document.body.offsetHeight 应该为您提供帮助。请记住,设置窗口大小将与视口大小不同,具体取决于您是否具有状态栏等。

哦,你正在寻找视口大小。这是a link to a site,解释了如何进行跨浏览。