Internet Explorer och halva procentenheter.

Internet Explorer tolkar dock inte halva procentenheter så där sker det en avrundning på något sätt. Denna avrundning ser man inte på mindre mått men bygger man flexibla designer såsom vi t.ex gjort på www.stockholm.se behöver man andra mått i Internet Explorer än i de övriga webbläsarna för att designen inte ska braka ihop.

Lösningen (62,5 * 2)/0.5

Så istället för att sätta body till 62.5% försöker vi hitta en lösning där vi inte behöver använda halva procentenheter. Men vi vill fortfarande ha ner typsnittet till 10px, utan att behöva lägga till någon extra markup. 

Säg hej till html-elementet, om vi sätter det till det dubbla av 62,5 dvs 125. Då har vi på html-elementet ett typsnitt som är 20px (16*1.25 = 20) sedan delar vi det på mitten och vips så har vi 10px. i kod ser det ut så här.

html{
font-size:125%;
}
body{
font-size:50%:
}