响应式设计不只是让网页能缩放

　　谈到手机端适配，不少人觉得响应式设计就是让网页能跟着屏幕缩小放大。这种理解过于浅显，真正的响应式设计远不止缩放这么简单。

　　响应式设计的本质，是根据不同设备的屏幕尺寸和使用场景，重新组织内容的展示逻辑。大屏幕上横排三列的产品展示，在手机上可能变成单列纵向滚动。桌面端的鼠标悬停效果，在手机上因为没有悬停概念，需要改成点击交互。导航栏也要从展开式菜单变成汉堡菜单，节省屏幕空间。

　　真正的响应式设计还要考虑加载性能。移动端网络环境不稳定，大图自动缩放不如根据设备加载不同尺寸的图片。手机上不必要的动画效果，该简化的就简化，省流量也省电量。

　　搜索引擎现在以移动端为优先索引，响应式设计做不好，影响的不仅是用户看网页的体验，还直接影响网站排名。这不是一个可选功能，而是现代网页设计的标配前提。