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

我有一个大小不一的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

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

回答

相关问题