自适应网站（响应式网站）特点、自适应网站赏析

文章作者：道成科技添加日期：2012-08-17 浏览次数：5213次

现在移动互联网越来越热，用手机上网的人数大量增加。现在大家常用的手机的屏幕通常在600像素以下，PC的屏幕宽度一般都在1000-2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个手机版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，会大大增加架构设计的复杂度。于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一个网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。

页面的设计应当根据用户的设备（包含PC、IPAD和手机）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad和手机，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。