响应式布局和自适应布局

响应式布局：指当视口的宽度发生变化的时候，页面元素的排列位置也会发生相应的变化。也就是当屏幕的宽度发生变化的时候，设置不同的CSS样式。响应式布局需要在不同的情况下写不同的布局。

常见的响应式布局实现方案有：

1. 媒体查询（最常见）

2. 百分比布局

3. flex布局

自适应布局：指的是当屏幕的大小发生变化的时候，元素的比例，百分比大小发生变化，可以自动的适应不同的屏幕。自适应布局只需要写一套代码

常见的自适应布局实现方案有：

1. rem布局

2. em布局

3. vw vh布局