导读：响应式网页设计跟自适应网页设计,同样是针对不同设备环境进行相对应布局的方式,它们的根本区别在哪?各自的优势又在哪呢?下面小编将借助九曲网络这个平台跟大家分享下我的观点:
第一：响应式网页设计都是通过HTML和CSS来完成的，更倾向于改变元素的外观布局，而不大幅度改变内容；而自适应式网页设计在包含了CSS技术外，还需要用Javascript来操作HTML来适应移动设备的能力，并且可以在服务端进行优化，再将优化过的内容发送到终端上；
第二：响应式通常采用的mobile first策略，而自适应则是采用保留原有网站而对于更小的分辨率做针对性的优化；
第三：响应式是主动式的响应式网页设计，自适应是被动式的网页设计。响应式网页设计是不管用户使用何种设备都是在服务器将数据推送到浏览器后，脚本或CSS自行执行对应的布局，并且随时做出样式响应的变化；而自适应网页设计是用户通过浏览器发送请求后，服务器根据请求中夹带的用户设备信息做出判断的，再调用已经在服务器里准备好的对应设备样式文件和HTML内容返回到浏览器；
第四：响应式网页设计中的网页和屏幕分辨率的关系是一对多的，也就是说一套网页可适应多个设备环境，而自适应网页设计中的网页和屏幕分辨率却是一对一对应的；
以上就是响应式网页设计与自适应网页设计的根本区别，至于什么时候用响应式或自适应，这就要根据你所预计的开发成本和重构成本的多少来决定。
第一：响应式网页设计都是通过HTML和CSS来完成的，更倾向于改变元素的外观布局，而不大幅度改变内容；而自适应式网页设计在包含了CSS技术外，还需要用Javascript来操作HTML来适应移动设备的能力，并且可以在服务端进行优化，再将优化过的内容发送到终端上；
第二：响应式通常采用的mobile first策略，而自适应则是采用保留原有网站而对于更小的分辨率做针对性的优化；
第三：响应式是主动式的响应式网页设计，自适应是被动式的网页设计。响应式网页设计是不管用户使用何种设备都是在服务器将数据推送到浏览器后，脚本或CSS自行执行对应的布局，并且随时做出样式响应的变化；而自适应网页设计是用户通过浏览器发送请求后，服务器根据请求中夹带的用户设备信息做出判断的，再调用已经在服务器里准备好的对应设备样式文件和HTML内容返回到浏览器；
第四：响应式网页设计中的网页和屏幕分辨率的关系是一对多的，也就是说一套网页可适应多个设备环境，而自适应网页设计中的网页和屏幕分辨率却是一对一对应的；
以上就是响应式网页设计与自适应网页设计的根本区别，至于什么时候用响应式或自适应，这就要根据你所预计的开发成本和重构成本的多少来决定。