Question

我的目标是：

全屏
侧边栏菜单和内容
调整为移动设备时，菜单位于顶部，位于
多数民众赞成

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

是否有可能，或者您建议使用哪种网格框架？

Answer 1

听起来你真正需要的是：

<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;}
}

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

响应全屏网格

1 个答案: