/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 vote368 views1 answer
How to change border height in css
CSS
-1 vote426 views2 answers
How to set background automatically with my screen height
CSS
0 vote326 views1 answer
Iphone CSS
CSS
12 votes337 views1 answer
Disable increment in input type number
CSS
1 vote343 views1 answer
Rotate favicon css
CSS
29 votes419 views6 answers
BackgroundImage react
CSS
4 votes357 views3 answers
Zoom in and out iconhtml css
CSS
0 vote349 views1 answer
Print zend db select query to string
CSS
1 vote346 views2 answers
Import google fonts into react
CSS
0 vote322 views1 answer
Ignore default css for react Link
CSS