/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

14 votes184 views5 answers
Make background image full width
CSS
4 votes193 views5 answers
Bootstrap img src
CSS Bootstrap
0 vote178 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
3 votes197 views1 answer
Watch scss to css
CSS
0 vote168 views2 answers
Css flip text
CSS
3 votes185 views3 answers
Open sans css
CSS
2 votes177 views1 answer
How to set height equal to dynamic width pure css
CSS
7 votes189 views3 answers
Remove hover effect css
CSS
0 vote177 views1 answer
Git apagar branch remoto
CSS
0 vote173 views1 answer
Background pulled to corner on small screens
CSS