mhpreiman
11/27/2016 - 9:57 PM

css sizing: 62.5% and rem

notes on 62.5%.md
content_copyfile_download
  • Rendered
  • Source

Due to a bug with <html> base font, <body> should have EMs.
Rems can be used for everything else (other elements will depend on <body> anyway). Solution provided in comment 49.

OR CODE IN PX and later postprocess into rem.

62.5%.css
content_copyfile_download
html { 
  font-size: 10px; /*i think that was due some IE bug.. */ 
  font-size: 62.5%; 
} 

/*NB! use EM for body*/

/*examples*/
body { font-size: 1.4em; } /* =14px */  
h1   { font-size: 2.4rem; } /* =24px */