响应式设计与自适应设计

1 响应式设计

一个网页可以在不同窗口或者不同屏幕下很好得被展示的一种技术，这里可以理解为是一套代码

实现的方法：

• 媒体查询
• 百分比布局（流式布局）
• 响应式布局（flex、grid、多列）
• 响应式图片
• rem方案、vh、vw

实际上，往往都是几种方法配合使用

2 自适应设计

自适应设计是一种后端检测技术，它会根据屏幕尺寸和分辨率，为不同设备提供不同版本的网站，这里可以理解为有多套代码