respond-design

原则：

1、我们应该基于设计来选择哪种媒体查询，而不是基于特定的移动设备。调整浏览器大小，找出页面布局发生破坏的临界点，来作为设定media query的依据。

              出自：w3cplus--基于设计的媒体查询

     编者按：其实meida query的设定值 在页面原型时就设计好了。

技巧：

1、换行；

2、将可有可无的内容隐藏；

3、利用垂直空间；

               比如：页面宽的时候内容全部展开。页面窄的时候，做成下拉菜单，只留一个触发点，可以是鼠标移上去 触发，也可以是点击触发等等。

4、图标代替；

              比如：宽页面你可以显示文字、图标都显示，也可以值显示文字。摘页面就只显示icon，就可以节省好多地。

       出自：csdn--响应式导航设计案例解析（多图）