what is rem ?
1)css3中的计量元素大小的单位,类似px、pt、em。
2)一种相对根元素font-size的计算方式。1rem = <html>'s font-size px (你懂就好)
3)使用场景:每个元素的宽高、文字大小、行距、补白等一切可以使用长度单位的地方。
4)使用范例:
html{font-size:37.5px;}/*根元素的基础font-size被设置为37.5px,则1rem=37.5px*/#box1{width:10rem;height:2rem;font-size:0.5rem;}/*box1的宽度10rem则被计算成宽度为375px,高度为75px,文字大小为18.25px;*/#box1 .title{width:2rem;}/*title的宽度依旧相对于根元素计算,结果为75px*/

