css 使用rems调整相对字体大小

Posted 2021-05-13

/* Good practice */

html {font-size: 10px} 

/* then rem all px in your css by dividing by 10 eg. 60px= 6rem - no crazy calcs involved */


/* Best practice */

html {font-size: 62.5%}

/* use % instead of px at root. So browser default is 16, and we still want to equalize at 10. So 10/16 = .625 */