比如电脑上打开是一条导航栏,移动端打开就看不到了,提供一个固定的按钮来打开抽屉式的导航栏。
就跟google首页那个一样
说简单一点,响应式设计,就是自动根据屏幕尺寸换一套 css 罢了。
你需要的东西就是下面的这篇文章。
http://webdesignerwall.com/tutorials/css-responsive-navigation-menu
响应式的核心思想:移动优先,内容优先。隐藏导航为一个按钮,类似抽屉模型,是为了更快更好的想用户展示内容,再者导航不做处理,仅仅是响应视口,那么在移动端用户操作来说是一件伤感的事,可操作区域太密集了