响应式设计的抽屉是怎么设计的

Question

比如电脑上打开是一条导航栏，移动端打开就看不到了，提供一个固定的按钮来打开抽屉式的导航栏。

就跟google首页那个一样

Answer 1

说简单一点，响应式设计，就是自动根据屏幕尺寸换一套 css 罢了。

你需要的东西就是下面的这篇文章。

http://webdesignerwall.com/tutorials/css-responsive-navigation-menu

Answer 2

响应式的核心思想：移动优先，内容优先。隐藏导航为一个按钮，类似抽屉模型，是为了更快更好的想用户展示内容，再者导航不做处理，仅仅是响应视口，那么在移动端用户操作来说是一件伤感的事，可操作区域太密集了