作者azrael60532 (Kevin)
看板Web_Design
标题[问题] 两层navigation RWD做法
时间Sun May 7 01:14:23 2017
各位前辈好
我刚接触前端不久
最近遇到一个问题
想要在电脑版上显示两层Navigation
到手机版隐藏成抽屉的样子
请问各位大大通常会怎麽写呢?
示意图:
http://i.imgur.com/StPPT9Z.jpg
如果不想写两个版本的nav 然後display:block/none
请问还有什麽做法?
或是有什麽关键字可以搜寻类似的范例做参考?
不好意思 问了这初阶的问题 先谢谢大家了!!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.117.0.31
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1494090866.A.EEA.html
1F：推 jmlntw: flexbox，可以去参考各大 framework 是怎麽做的 05/07 08:03
不好意思 我找到的几乎都是原本在电脑版就有下拉式选单的
像我示意图那样较客制的好像找不到
※ 编辑: azrael60532 (122.117.0.31), 05/07/2017 17:28:53
对!! 太强了~只是我想要子分页不用hover就显示
小弟不太会改SCSS :(
※ 编辑: azrael60532 (122.117.0.31), 05/07/2017 21:41:41
4F：→ EPGo: 我的做法是：电脑版li inline-block 手机版变为block 05/08 14:20
感谢!!帮大忙了 这样我就会修改了
※ 编辑: azrael60532 (122.117.0.31), 05/08/2017 21:12:16