/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 vote136 views1 answer
Why is my css code not working
CSS
0 vote214 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote167 views1 answer
Materialize css icons
CSS
71 votes165 views6 answers
Css center image
CSS
1 vote165 views1 answer
Mat-progress-bar style without app-theme
CSS
2 votes176 views1 answer
Excel arabic numbers
CSS
40 votes157 views6 answers
'pip' is not recognized as an internal or external command
CSS
0 vote132 views1 answer
Animations
CSS
23 votes174 views5 answers
How to rotate image in css
CSS
19 votes188 views6 answers
Box shadow
CSS