/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 vote248 views1 answer
Detect mobile css
CSS
0 vote272 views1 answer
React html height 100%
CSS
1 vote247 views1 answer
Css background cover y axis
CSS
1 vote253 views1 answer
How to contain an image within a div
CSS
-1 vote314 views2 answers
Insert image by css
CSS
0 vote269 views1 answer
Nokogiri xml diff
CSS
0 vote277 views1 answer
Wordpress link post tags
CSS
0 vote242 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
28 votes274 views6 answers
Background image react
CSS
6 votes250 views6 answers
Css text highlight
CSS