/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 vote209 views1 answer
Bootstrap modal resize with jquery
CSS
1 vote202 views1 answer
Floating object animation css
CSS
0 vote227 views1 answer
Css element top layer
CSS
1 vote194 views1 answer
Margin clickable
CSS
2 votes225 views1 answer
Css image round
CSS
3 votes219 views1 answer
Hover none in css
CSS
1 vote219 views1 answer
Page icon css
CSS
0 vote167 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
1 vote194 views1 answer
How to add background image in a container css
CSS
-1 vote199 views2 answers
How to put different p elements next to each
CSS