/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

1 vote146 views1 answer
How to make border hover effect in css
CSS
0 vote141 views2 answers
Sass variables across files
CSS
2 votes142 views1 answer
Make object not selectable javascript
CSS
62 votes146 views6 answers
Css text shadow
CSS
0 vote132 views1 answer
Laravel asset css not found
CSS
0 vote87 views0 answer
CSS
0 vote147 views1 answer
Css layout tutorial
CSS
0 vote120 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
0 vote149 views1 answer
Css youtube video get rid of black border
CSS
-1 vote149 views1 answer
Bootstrap scrollable modal
CSS