javascript - 相应地调整页面大小

Question

我有一个带有页眉的基本站点，一个包含一堆 jQuery 的主应用程序窗口和一个容器中的多个 div，还有一个带有一些链接的页脚，这些仅占用大约 620px 的高度和我想要的就像是让我的页面在大约 625px 标记处被 chop ，但是如果我将背景图像设置为 100% 并且它的容器设置为 625px，我似乎无法绕过底部的空白区域。

只有当我通过全屏模式(如果重要的话，在 Firefox 中)将浏览器窗口的分辨率最大化时才会发生这种情况，我将其保留在常规查看模式下，我的页面看起来不错，但这让我想到了底部可能会显示其他分辨率更高的人。如果我将背景容器的高度设置为 768px，则没有全屏空白，但我会在底部得到一个垂直滚动条和一堆无用的空间。这使得网站看起来有点奇怪，因为只有一个窗口充当具有多个动画的应用程序。

是否有一种方法可以在特定 px 尺寸处结束页面，并且仍然使其适合高分辨率屏幕而无需重新排列整个页面？我之所以这么问是因为我有很多绝对 div 并且重新调整它们以相应地调整大小看起来不会很有吸引力。为什么不直接使用闪光灯？因为我喜欢尽可能使用 Javacript 来避免依赖 Adob​​e flash 播放器。

谢谢

Answer 1

您可以使用 jQuery 来 resize the container to fit the window当浏览器窗口调整大小时，它也会调整大小，但这不是理想的解决方案，所以我建议在 body 上设置背景图像，图像超过大多数浏览器窗口的高度，这样它只会被没有滚动条的较小分辨率切断，并且永远不会看到空白。如果那是你的意思。