2011-07-03 85 views
0

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

这只发生在我通过全屏模式最大化浏览器窗口的分辨率时(在Firefox中如果它很重要),我将它保留在常规查看模式下,我的页面看起来不错,但这让我觉得在底部可能会显示更高分辨率的其他脂肪酶。如果设置我的背景容器的高度768px,没有空格W /全屏但我得到一个垂直滚动条,并在底部一堆无用的空间。这使网站看起来很怪,因为只有一个作用,与多个动画应用程序窗口。

是否有在特定的像素尺寸结束页面的方法,仍然有其与高分辨率的屏幕适合,而不必重新流整个页面?我只问,因为我有很多绝对的div并重新流入它们相应地重新大小也不会显得非常有吸引力的。为什么不使用闪光灯?因为我喜欢尽可能使用Javacript,以避免依赖于Adobe Flash播放器。

感谢

回答

2

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

+0

谢谢,我认为这是很好,但我读过,脂肪酶是具有意想不到的结果更比不。就像你说的那样,我可以将背景图像设置为1000像素,但我会在底部看到一堆无用的空间,在我的情况下看起来很愚蠢,但有用的链接:o) – dcd0181

+0

我实际上在这里找到了答案,它涉及到设置身体的溢出隐藏和定义IMG作为CSS样式http://stackoverflow.com/questions/2200391/scalable-background-html-css-javascript – dcd0181

0

我不能完全肯定你在找什么,但看看这个CSS会工作:html,body {height:100%;} body {background-attachment:fixed;}