em,px,rem三者的区别
px解析em解析rem解析
px解析
px是绝对定位，是css中最基本的长度单位 弊端：当用户和Ctrl滚页面的时候（说白了就是ctrl+，ctrl-），
你会发现页面结构产生了不可预知的错乱
em解析
em是相对定位，em相对的基准点就是浏览器的字体大小，浏览器默认字体大小是16px，也就是1em默认等于16px，
如果你想给某个文字设定为14px，就这样写 font-size:0.875em; 公式是14/16=0.875em，如果想要15px，
那么就是15/16=0.938em, 例如margin:0.938em; 依次类推，样式表都用em来写的话，就可以解决ctrl+，
ctrl-时造成的页面错乱问题
em特点
1. em的值并不是固定的；
2. em会继承父级元素的字体大小。
rem解析
rem是CSS3新增的一个相对单位（root em，根em）
与区别em在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小
和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合
的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。
在写CSS的时候
方法一：
1. html根元素选择器中声明Font-size=62.5%；
2. 将你的原来的px数值除以10，然后换上rem作为单位；
方法二：
1. html根元素选择器中声明Font-size依据给定的设计图即设计图为640，,则font-size：64px；
2. 将你的原来的px数值除以64，然后换上rem作为单位；
