响应式和自适应总是让人分不清,主要原因是,它们在概念上并不是并列关系,而是从属关系。
如果一定要从概念上进行区分:
自适应这个概念范围更广一些,包含:响应式和代码适配。
一个网站采用响应式或者代码适配,都叫做自适应。
响应式的网站,一定是自适应的;
自适应的网站,可能是响应式的,也可能是代码适配的。
那么如何定义自适应呢?
自适应,指的是不管用户采用什么客户端访问网站,网站的URL地址保持不变。
即:同一个URL地址的内容,可自动适应不同的客户端设备,包含PC、手机、平板等。
要实现这样“自适应”的目标,可以采用的方法共有两种:
1、响应式,即只用一套模板,可同时适配不同的客户端设备包含PC、手机、平板等,模板代码不变。
2、代码适配,即采用两套或多套模板,服务器对用户的浏览器进行分析,根据不同客户端设备类型,返回不同的模板。
以上两种方法,网站的URL地址都没发现变化。
不同方法,返回给用户的模板不同。
案例:
涂社互联网采用的是代码适配的方法,PC一套模板,手机一套模板,但URL保持不变。
很多个人博客和企业站往往是响应式的。