前提:浏览器的默认字体高都是16px。
rem是只相对于根元素htm的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比即可。
示例:
html{font-size:62.5%;} /* 16px * 62.5% = 10px */
body{font-size:12px;font-size:1.2rem ;} /* 1.2rem = 1.2 * 10px = 12px */
p{font-size:14px;font-size:1.4rem;} /* 1.4rem = 1.4 * 10px = 14px */