响应全屏电网

全屏
工具栏菜单和内容
时调整到移动，菜单顶部，其余低于
完蛋了

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

是否有可能，或者你会建议什么网格框架？

2012-09-30 user1576183

http://www.initializr.com/ –

我在这里列出了几个资源/网格：http://stackoverflow.com/a/12615201/451969 Smashing杂志也有很多信息，并且[ Antonion Carusone的网格系统网站]（http://www.thegridsystem.org/）包含相当广泛的链接和档案。如果你对理论和艺术感兴趣，Khoi Vinh和Shaun Inman是另外两个需要研究的人。 –

这也许是有用的：[响应设计小书签发电机]（https://github.com/jonikorpi/responsive-design-bookmarklet-generator） –

听起来像是你真正需要的是：

<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-30 13:19:38

还有更多的比它。 –

响应全屏电网

回答

相关问题