CSS适配

px、em、rem 的区别

1. px 是像素单位，可以用来设置屏幕宽高
2. em 和 rem 都是相对长度单位，不同的是 em 是相对于当前元素设置的字体大小而言的，rem 是相对于根标签而言的，也就是相对于 html 标签
3. 没有设置字体大小的时候默认 1em=16px

设置 font-size 为 50px,

那么设置的内边距的 1em 就变成了 50px

如果设置内边距 padding 为 6em,内边距就等于 6*50px=300px;

这就是 em 相对于当前设置元素的字体大小的长度单位

rem 和 em 是差不多的,只是 rem 是相对于根元素 html 的相对长度单位