CSS3 /當前實現全屏佈局的方法

Question

我正在尋找實現全屏佈局，適用於沒有JavaScript的移動設備和桌面。

|---|------------| 
| | <--->  | 
|---|------------| 
| | <--->  | 
|^|^  | 
| |   | 
|---| scroll  | 
| |   | 
|---|------------| 

左邊部分是固定寬度，右邊部分水平放大。整個設計垂直縮放。頁眉和頁腳高度是固定的。大面積是可滾動的，而其餘的是固定的。

我會知道如何實現絕對/固定定位等。有沒有更好的方式與CSS3的新技術，支持這種佈局？

Answer 1

簡答題：百分比，浮動元素和媒體查詢。
很長的答案不適合這個空間。

你可以學習this template maker（或者我認爲這是其中最好的一個），它會給你一個學習響應式網頁設計動態的好開始。