-3

我正在寻找实现一个全屏布局,它可以在没有 JavaScript 的移动设备和桌面上运行。

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

左边是固定宽度,右边是水平缩放。整个设计垂直缩放。页眉和页脚高度是固定的。大区域是可滚动的,而其余部分是固定的。

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

4

1 回答 1

1

简短回答:百分比、浮动元素和媒体查询。
长答案不适合这个空间。

你可以学习这个模板制作器(或者另一个我认为这是最好的模板制作器之一),它将为你学习响应式网页设计的动态提供一个良好的开端。

于 2013-04-09T21:46:46.993 回答