[问题] 两层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