自适应（适配）与响应式

适应（适配）：

1、两套或多套，分别对应不同的终端 设备；
2、两个域名；
3、如果页面结构比较复杂，比如说电商平台

响应式：

1、一套就可以了，兼容多个终端
2、一个域名
3、如果页面结构比较简单比如说企业官网

页面布局

一般pc端都用 px
移动端使用 rem

PX固定
em父级
rem根据HTML页面的根元素（HTML）

响应式页面小记