/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

47 votes174 views6 answers
Css center text in div
CSS
2 votes146 views2 answers
Bootstrap icons in angular
CSS
0 vote157 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
0 vote153 views1 answer
Class html css
CSS
0 vote161 views1 answer
Css selectors presentation
CSS
0 vote151 views1 answer
Add a class to header
CSS
6 votes148 views2 answers
Border-collapse
CSS
1 vote159 views1 answer
Css animate background image
CSS
8 votes163 views3 answers
Bootstrap file upload
CSS
0 vote146 views2 answers
How to select elements from a parrent element css
CSS