rem方案原理、rem的具体用法

一 rem方案原理

将每个不同屏幕划分相同的等分，让同一个元素占有相同的比例

例如：
屏幕为500px,分为10份，那么一份是1rem=50px；
屏幕为1000px,分为10份，那么一份是1rem=100px

　二 用法

在浏览器中默认的字体高度是16px，默认是1em=16px；16*62.5%=10px；

// EM  1em是相对自身而言的，会继承父元素的字体大小
在任何浏览器中字体默认是16px
1em=16px,那么1px=0.0625

body{
font-size：62.5%；//0.62.5 那么就是10px
}                         //px/10就是em

//REM： 相对于根元素而言
rem是css3新增的一个相对单位
body，html{
font-size：62.5%； //10px =1rem
}