rem单位

平时我使用最多的单位是px大小用的12 14  16 18等,对于它的大小也有啦一定的概念，一下子转过来用rem很不习惯,rem是相对于根元素的大小来设置字体大小的也就是html字体,默认就是(1rem)是16px，使用rem主要是为啦来适配知种不同的屏幕大小,文字可以缩放，设置页面的时候首先想到的就是把页面按照我们平时熟悉的px像素的大小比例12px 14px 16px来使用,如果我们输入这些大小能转对对应的rem单位就方便多啦,

单位转换

默认情况下所有浏览器的1rem是16px,那么可以算出来1px有多少rem,计算下 ,1rem/16px=0.0625rem,可以知道,每1px是0.0625rem,那么12px就是12px*0.0625rem=0.75rem ,那么14px 16px 20px等也可以算出来，但是这些数字记着太不方便啦，想个方法可以直接使用  12rem  14rem可以啦

rem单位是根据根元素的大小来确定字体大小的也就是说我们把body的字体缩放后，body里面的元素字体大小就会以它对参照进行缩放。我们在body里面设置字体大小为 font-size:62.5% 这样我们在写里面元素的字体大小时就可以直接用px大小除以10就可以啦。也就是说想设置为12px时设置为1.2rem, 14px->1.4rem,16px->1.6rem 

使用方法

body{font-size:62.5%;}
body div{font-size:1.2rem;}