/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

0 vote445 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote372 views1 answer
Make changes to api fetch onclick in react
CSS
1 vote354 views3 answers
Jquery set div height dynamically
CSS
1 vote378 views2 answers
Css let div be last
CSS
0 vote412 views1 answer
Css inherit class
CSS
2 votes378 views1 answer
Background gradient problem
CSS
-1 vote363 views1 answer
Remove line breaks css
CSS
0 vote363 views1 answer
Breaking bad api
CSS
0 vote357 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
1 vote358 views1 answer
Linux bash sort folders ascending
CSS