/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

8 votes228 views4 answers
Css dark mode
CSS
1 vote171 views1 answer
How to remove margin of body
CSS
0 vote170 views1 answer
How to remove text selection in css
CSS
0 vote225 views2 answers
Blockquote quotation marks css
CSS
17 votes203 views1 answer
Css align items vertical center
CSS
116 votes213 views6 answers
@media screen and (max-width
CSS
0 vote174 views1 answer
How to debug datatables
CSS
43 votes175 views6 answers
Blur background css
CSS
62 votes179 views5 answers
Media max width css
CSS
1 vote173 views1 answer
Div border glow effect css
CSS