Use CSS to flexibly set the font size

Use Div + CSSIt may take some time to write the website structure. In this process, we find that we need to set the font to a ratio of 12px, the font size is smaller than 14px (13px cannot be distinguished from 12px in IE ). Today we found that using font-size: small; can well control the font size.

First, set a base value in the tag.

Body {font-size: small ;}

Set the percentage in other labels based on the font size.

H1 {font-size: 120% ;}
H2 {font-size: 110% ;}
Note {font-size: 80% ;}

As the base value changes, other fonts also change. You only need to modify the Base Value in the body.

Using small as the base value allows you to adjust the size based on your preferences. user adjustment does not affect the overall font imbalance. At the same time, when you press Ctrl + scroll the middle mouse button, you can also scale the font size of the page.