CSS3 /当前实现全屏布局的方法

Question

我正在寻求在没有JavaScript的情况下实现适用于移动设备和桌面的全屏布局。

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

左边部分是固定宽度，右边部分是水平缩放。整个设计垂直扩展。页眉和页脚高度是固定的。大面积可滚动，其余部分是固定的。

我知道如何使用绝对/固定定位等来实现它。使用支持这种布局的CSS3新技术有更好的方法吗？

Answer 1

简短回答：百分比，浮动元素和媒体查询 一个很长的答案不适合这个空间。

你可以学习this template maker（或者我认为这是最好的一个），它将为你提供一个学习动态响应式网页设计的良好开端。