自适应设计和响应式设计

自适应设计：设计根据多个不同的尺寸设计多个不同的页面，一般会设计到手机端、ipad端、电脑端，开发根据不同的尺寸写好不同的样式，用不同的设备打开同一个网页时，布局差异比较大。

响应式设计：设计出一套页面，开发只写一套代码，以缩放图片，换行，或调整布局，以便网站可以适应于任何屏幕尺寸，有一镜到底的体验感。

如何判断一个网站是自适应布局还是响应式布局

同一个网站在不同设备打开时，同一个网址为响应式网站，有多个不同的网址为自适应网站。

比如手机端一般会在网址前面加上m或者mobile。

以京东商城为例，在电脑上打开网址显示为：jd.com

切换到手机端，刷新页面网址显示为：m.jd.com

如何选择设计方式

如果网站的功能不多，主要用于展示，交互少，选取响应式设计方式，比如企业官网，产品官网等。开发实现起来成本也较小。

如果网站的功能较多，需要兼顾手机端，电脑端，ipad端，自适应更加合适。如电商网站（京东，淘宝，苏宁易购等）。