我正在寻找实现一个全屏布局,它可以在没有 JavaScript 的移动设备和桌面上运行。
|---|------------|
| | <---> |
|---|------------|
| | <---> |
| ^ | ^ |
| | |
|---| scroll |
| | |
|---|------------|
左边是固定宽度,右边是水平缩放。整个设计垂直缩放。页眉和页脚高度是固定的。大区域是可滚动的,而其余部分是固定的。
我知道如何使用绝对/固定定位等来实现这一点。CSS3 的新技术是否有更好的方法来支持这种布局?