Javascript 相应地调整页面大小

Javascript 相应地调整页面大小,javascript,jquery,html,css,resize,Javascript,Jquery,Html,Css,Resize,我有一个带有页眉的基本站点,一个包含大量jQuery和多个div的主应用程序窗口,还有一个带有几个链接的页脚,这些只占620px的高度,我希望我的页面在625px处被切掉,但如果我将背景图像设置为100%,容器设置为625px,我似乎无法在底部留出空白 只有当我通过全屏模式(在firefox中,如果有必要的话)最大化浏览器窗口的分辨率时,才会出现这种情况。我将其置于常规查看模式,我的页面看起来很棒,但这让我想到底部的空白可能会显示其他分辨率更高的ppl。如果我将背景容器的高度设置为768px,则

我有一个带有页眉的基本站点,一个包含大量jQuery和多个div的主应用程序窗口,还有一个带有几个链接的页脚,这些只占620px的高度,我希望我的页面在625px处被切掉,但如果我将背景图像设置为100%,容器设置为625px,我似乎无法在底部留出空白

只有当我通过全屏模式(在firefox中,如果有必要的话)最大化浏览器窗口的分辨率时,才会出现这种情况。我将其置于常规查看模式,我的页面看起来很棒,但这让我想到底部的空白可能会显示其他分辨率更高的ppl。如果我将背景容器的高度设置为768px,则屏幕上没有空白,但底部有一个垂直滚动条和一堆无用的空间。这使得这个网站看起来有点奇怪,因为只有一个窗口可以作为一个应用程序使用多个动画

有没有一种方法可以在特定的px维度上结束一个页面,并使其与高分辨率屏幕相匹配,而不必重新流动整个页面?我之所以这么问,是因为我有很多绝对的div,因此重新调整它们的大小看起来不太吸引人。为什么不直接使用flash呢?因为我喜欢尽可能使用JavaScript,以避免依赖AdobeFlashPlayer


谢谢

您可以使用jQuery,它在调整浏览器窗口大小时也会调整大小,但这不是理想的解决方案,因此,我建议在
正文
中设置一个超过大多数浏览器窗口高度的背景图像,这样它就可以被更小的分辨率切掉,而不需要滚动条,也不会出现空白。如果这就是你的意思。

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

谢谢,我也看到了这一点,但我读到ppl的结果并不理想。就像你说的,我可以将背景图像设置为1000px,但是底部有一堆无用的空间,在我的情况下看起来很傻,但是有用的链接:o)我在这里找到了一个答案,它包括将主体的溢出设置为隐藏,并将img定义为css样式