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

自适应：自己根据屏幕宽度的改变而改变（典型的写法不需要 media 判断，直接让每个元素通过相对的宽度，比如百分比、vh、em 等来改变容器的大小，文字的大小）响应式：根据设备的不同而展示不同的效果（典型的写法就是通过 media 判断，在不同的设备、分辨率下展示不同的页面效果）