Improve the user experience of visitors reasonable design font size

Design

Now most of the sites in the country with CSS to set the font size of 12px, pixel is also relative to the size of the unit, but only relative to the screen resolution, when the screen resolution is certain, if you feel that the word is too small, reading difficulties, in the non-standard browser can do nothing, so say, if the unit changed to EM, Then you can use CTRL + mouse scrolling to enlarge the word, or use the View > Text size on the menu to change the size of the word.

1. In the body label to set the font size to 62.5%, if there is no CSS in the body settings, then the browser default size is 16px, set 62.5%, the font size =16px*62.5%=10px, then you can use EM conveniently set size, such as you need to use 12px , just set 1.2em.

body{
font-size:62.5%;
}
h1{
The size of the fong-size:1.4em;/*h1 word is equivalent to 14px*/
}

2.body font size is set to 75%, the font size =16px*75%=12px,1em equivalent to 12px.

body{
font-size:75%;
}
h1{
The size of the fong-size:1.5em;/*h1 word is equivalent to 18px*/
}

The first method is better. If it is English website, can also set for small, x-small ... Of course, the design requirements for the page will be higher.