相應地調整頁面大小

我有一個基本站點，包含一個標題，一個jQuery和多個div在一個容器中的主要應用程序窗口，還有一些鏈接的頁腳，這些窗口只佔用大約620px的高度，我想要的是在625px標記處切斷我的頁面，但如果將背景圖像設置爲100％，並且容器爲625像素，我似乎無法繞過底部的空白區域。相應地調整頁面大小

這隻發生在我通過全屏模式最大化瀏覽器窗口的分辨率時（在Firefox中如果它很重要），我將它保留在常規查看模式下，我的頁面看起來不錯，但這讓我覺得在底部可能會顯示更高分辨率的其他脂肪酶。如果設置我的背景容器的高度768px，沒有空格W /全屏但我得到一個垂直滾動條，並在底部一堆無用的空間。這使網站看起來很怪，因爲只有一個作用，與多個動畫應用程序窗口。

是否有在特定的像素尺寸結束頁面的方法，仍然有其與高分辨率的屏幕適合，而不必重新流整個頁面？我只問，因爲我有很多絕對的div並重新流入它們相應地重新大小也不會顯得非常有吸引力的。爲什麼不使用閃光燈？因爲我喜歡儘可能使用Javacript，以避免依賴於Adobe Flash播放器。

感謝

來源

2011-07-03 dcd0181

您可以使用jQuery resize the container to fit the window時調整瀏覽器窗口也將調整，但它不是理想的解決方案，所以我建議設置在body背景圖像與超過圖像大多數瀏覽器窗口，以便它只會被較小的分辨率不使用滾動條和不帶空格的切斷的高度將永遠不會看到。如果這就是你的意思。

來源

2011-07-03 01:05:48 Tak

謝謝，我認爲這是很好，但我讀過，脂肪酶是具有意想不到的結果更比不。就像你說的那樣，我可以將背景圖像設置爲1000像素，但我會在底部看到一堆無用的空間，在我的情況下看起來很愚蠢，但有用的鏈接：o） – dcd0181

我實際上在這裏找到了答案，它涉及到設置身體的溢出隱藏和定義IMG作爲CSS樣式http://stackoverflow.com/questions/2200391/scalable-background-html-css-javascript – dcd0181

我不能完全肯定你在找什麼，但看看這個CSS會工作：html,body {height:100%;} body {background-attachment:fixed;}

來源

2011-07-03 03:55:09 Stephen

相應地調整頁面大小

回答

相關問題