前端的自适应和响应式有什么区别？

Question

自适应和响应式有什么区别？

Answer 1

自适应：自己根据屏幕宽度的改变而改变（典型的写法不需要 media 判断，直接让每个元素通过相对的宽度，比如百分比、vh、em 等来改变容器的大小，文字的大小）

响应式：根据设备的不同而展示不同的效果（典型的写法就是通过 media 判断，在不同的设备、分辨率下展示不同的页面效果）

Answer 2

其实说实话没有什么区别 只是说法不同而已

但是如果非要找点区别的话

可以说响应式包含自适应

你可以理解自适应为只写一套代码适应所有设备 但是如果设备有特别的就显得网页丑

而响应式是根据不同分辨率做布局 这样更好看一点

Answer 3

自适应嘛，就是自己去适应，比如写成百分比，rem之类的。。

响应式嘛，需要自己去判断不同分辨率下，展示不同的效果。。