相应地调整页面大小

时间:2011-07-03 00:57:52

标签: javascript jquery html css resize

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

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

是否有一种方法可以在特定的px维度结束页面并且仍然适合高分辨率屏幕而无需重新流动整个页面?我只是问,因为我有很多绝对的div并且重新调整它们的尺寸因此看起来不会很吸引人。为什么不使用闪光灯?因为我喜欢尽可能使用Javacript来避免依赖Adobe Flash播放器。

由于

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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