李倩

摘要：本文主要研究面向不同设备的响应式网页设计，介绍了几种不同的移动端网页设计思想，并对面向不同设备的响应式网页设计方法进行了研究。

关键词：面向不同设备；响应式网页；设计

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2017）12-0082-02

很多网站为了获得更高的覆盖率，开始制作面向不同设备的网页，为了获得多个设备不同平台上相同的显示效果，需要为多个设备制作多个不同版本网页，增加了维护成本和架构设计的难度，而响应式网页设计理念遵循依据页面大小提供相匹配视觉效果的基本原则，在为不同设备提供理想显示效果的同时，节省了开发和维护成本，降低了开发难度，有较高的应用潜力。

一、跨设备设计

不是所有的网站都需要从零开始响应化，也并非所有网站都有必要做到全站响应化，实际工作中我们更经常遇到已经有PC端的情况，在充分认识到移动流量的重要性之后愿意提供响应化的移动浏览体验，确保用户能够通过移动终端访问网站，因此为了提高响应式页面设计的实效性，节省开发成本，需要科學地选择开发策略。

1.独立移动站。独立移动站的设计方式适用于没有严格同步要求或者强烈移动终端使用意图，但是想要提供类似APP体验的应用场景。国内的一些大规模网站如淘宝、京东、当当等有着十分复杂的系统结构，全站响应的难度非常大，因此更希望为移动端提供和APP统一的交互方式，倾向于选择独立建站，称作M站、WAP站或者H5版本，单独运维。……