響應全屏電網

全屏
工具欄菜單和內容
時調整到移動，菜單頂部，其餘低於
完蛋了

我喜歡基金會的網格。但我沒有找到「合法」的方式來做到這一點。

是否有可能，或者你會建議什麼網格框架？

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

還有更多的比它。 –

響應全屏電網

回答

相關問題