1

我的目标是：

  • 全屏
  • 侧边栏菜单和内容
  • 调整为移动设备时，菜单在顶部，其余在下方
  • 就是这样

我喜欢 Foundation 网格。但我发现没有“合法”的方式来做到这一点。

有可能吗，或者您会为此建议什么网格框架？

4

1 回答 1

0

听起来你真正需要的是：

<body>
    <div id="navbar">...</div>
    <div id="content">...</div>
</body>

CSS：

#navbar {
    position: fixed; 
    left: 0; top: 0; bottom: 0;
    width: 150px;
    overflow: auto;
}
#content {margin-left: 150px;}
@media all and (max-width: 480px) {
    #navbar {
        bottom: auto; right: 0;
        height: 150px;
        overflow: auto;
    }
    #content {margin-left: 0; margin-top: 150px;}
}

或者，有两个导航栏（一个用于普通设备，一个用于移动设备）并使用媒体查询显示/隐藏它们。

于 2012-09-30T13:19:38.570 回答