全屏CSS與最小尺寸

我在CSS/HTML創建的佈局結構如下：全屏CSS與最小尺寸

structure

導航在頁腳滾動含量水平顯示兩個不同的屏幕。屏幕內容是固定的高度和垂直居中，並且佈局始終填滿整個窗口。

因爲我的內容具有固定的高度，所以當窗口達到一定高度時，我需要瀏覽器顯示垂直滾動條。

我也有一對夫婦的position:fixed<canvas>覆蓋該得到由被設置爲height:100%; width:100%的<html>和<body>元素裁剪。

我希望通過在<body>選擇器上設置min-height:700px我可以在窗口太短時出現滾動條。這似乎不是工作。

如何使此網站一般全屏，但在低於最小尺寸閾值時滾動？

那麼，這應該有效地確保body總是至少700px。但是，position: fixed仍將它們錨定到視口的底部，因此您將基本上只能滾動背景。我相信你希望頁眉/頁腳欄粘貼到頂部和底部，所以你可以隨時看到它們之間的全部內容？

那麼，像這樣的小提琴的行爲更像你要找的？ http://jsfiddle.net/jblasco/qPB9k/8/

它使用包裝div，它不會min-height，並使用絕對定位酒吧。

2011-12-18 22:19:35 justis

它更像是這樣的：http://jsfiddle.net/jblasco/qPB9k/8/ - 但在我的實際代碼中有一些不同，我需要弄清楚爲什麼它是一個不同的問題... –

可以張貼一些您的相關HTML/CSS的，或者你有什麼小提琴？ – justis

試試這個：overflow-x: auto;

它會盡量把水平滾動條，一旦內容超過其容器的大小。

2011-12-19 06:14:34

回答