/CSS/Change font size according to screen css

Change font size according to screen css

There are several ways to achieve this.

*CSS supports dimensions that are relative to viewport.

3.2vw = 3.2% of width of viewport

3.2vh = 3.2% of height of viewport

3.2vmin = Smaller of 3.2vw or 3.2vh

3.2vmax = Bigger of 3.2vw or 3.2vh

body {
  font-size: 3.2vw;
}

see http://css-tricks.com/viewport-sized-typography/
and also look at http://caniuse.com/viewport-units

Similar codes

13 votes356 views4 answers
How to print background bootstrap
CSS
1 vote328 views1 answer
Lower image brightness css
CSS
0 vote399 views1 answer
Transform element
CSS
0 vote362 views1 answer
Exclude html content when print
CSS
0 vote347 views2 answers
Align ionic icons and text css
CSS
1 vote386 views2 answers
Apply style to second child div
CSS
3 votes373 views1 answer
Visibility transition css only on show
CSS
0 vote359 views1 answer
Add logo html css
CSS
0 vote294 views1 answer
Cursor color change
CSS
23 votes367 views2 answers
Center align in grid
CSS