相应地调整页面大小

Question

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

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

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

谢谢

Answer 1

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

Answer 2

我不完全确定你在寻找什么，但看看这个 css 是否可以工作：html,body {height:100%;} body {background-attachment:fixed;}