Fluid typography

body {
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}

Source: css-tricks.com

Fluid typography

html {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}

Source: css-tricks.com

Similar codes

0 vote257 views1 answer
Css local variable
CSS
9 votes254 views1 answer
Make background full on every screen css
CSS
1 vote252 views1 answer
Animated background css
CSS
0 vote277 views1 answer
Set border only left and right css
CSS
1 vote256 views1 answer
Free computer screen recording software
CSS
3 votes247 views1 answer
Diable focus button css
CSS
1 vote310 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
3 votes267 views3 answers
Sass variable
CSS
0 vote265 views1 answer
Move text in a padding css
CSS
111 votes281 views6 answers
Media query css
CSS