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

一 rem方案原理

?

1 2 3 4 5

将每个不同屏幕划分相同的等分，让同一个元素占有相同的比例   例如： 屏幕为500px,分为10份，那么一份是1rem=50px； 屏幕为1000px,分为10份，那么一份是1rem=100px

　二 用法

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13

// 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 }