what is rem ？
1）css3中的計(jì)量元素大小的單位，類似px、pt、em。
2）一種相對(duì)根元素font-size的計(jì)算方式。1rem = <html>'s font-size px (你懂就好)
3）使用場(chǎng)景：每個(gè)元素的寬高、文字大小、行距、補(bǔ)白等一切可以使用長(zhǎng)度單位的地方。
4）使用范例:
html{font-size:37.5px;}/*根元素的基礎(chǔ)font-size被設(shè)置為37.5px，則1rem=37.5px*/#box1{width:10rem;height:2rem;font-size:0.5rem;}/*box1的寬度10rem則被計(jì)算成寬度為375px，高度為75px，文字大小為18.25px；*/#box1 .title{width:2rem;}/*title的寬度依舊相對(duì)于根元素計(jì)算，結(jié)果為75px*/
