[問題] 兩層navigation RWD做法 azrael60532 PTT批踢踢實業坊

[問題] 兩層navigation RWD做法

作者: azrael60532 (Kevin) 2017-05-07 01:14:23

各位前輩好
我剛接觸前端不久
最近遇到一個問題
想要在電腦版上顯示兩層Navigation
到手機版隱藏成抽屜的樣子
請問各位大大通常會怎麼寫呢?
示意圖:
http://i.imgur.com/StPPT9Z.jpg
如果不想寫兩個版本的nav 然後display:block/none
請問還有什麼做法?
或是有什麼關鍵字可以搜尋類似的範例做參考?
不好意思問了這初階的問題先謝謝大家了!!

作者: jmlntw (吉米林) 2017-05-07 08:03:00

flexbox，可以去參考各大 framework 是怎麼做的

作者: EPGo 2017-05-07 18:48:00

是這樣子嗎? https://jsfiddle.net/aLewsy09/https://jsfiddle.net/aLewsy09/1/ 是這樣嗎? 順便調整為CSS我的做法是：電腦版li inline-block 手機版變為block

繼續閱讀

[問題] JQuery插件問題ss95061111ss Re: [請益] 請教一個控制開新網頁的問題rrr0832 [請益] 請教一個控制開新網頁的問題pttzoo [問題] chrome 顯示網頁時發生錯誤Ivain520 [問題] aptana 儲存後產生亂碼rdrd [問題] icon無法顯示kir7741 [問題] 已經被購買的domain網域議價談判SmallRed Re: [問題] 如何對0開頭的數字加1LPH66 [問題] 如何對0開頭的數字加1lueichun [情報] WebVR - A-Frame 初心者工作坊bobchao