/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

20 votes226 views2 answers
Css disable selection
CSS
0 vote208 views2 answers
Css hexagon with text inside
CSS
0 vote195 views1 answer
Truncate long line with dots
CSS
0 vote237 views1 answer
Css() multiple
CSS
0 vote206 views1 answer
Css if element is empty
CSS
0 vote216 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote198 views3 answers
Css horizontal ul
CSS
5 votes220 views3 answers
CSS RESPONSIVE
CSS
0 vote228 views3 answers
Animate.css cdn
CSS
2 votes219 views1 answer
Css tricks transition
CSS