[Vuejs]-How to resize all text automatically based on device in Vuetify?

by

0👍

You can use some relative font-sizes units, these are some here.

CSS Units with relative length

  • vw (% of the viewport width)
  • vh (% of the viewport height)
  • vi (1% of the viewport size in the direction of the root element’s inline axis)
  • vb (1% of the viewport size in the direction of the root element’s block axis)
  • vmin (the smaller of vw or vh)
  • vmax (the larger or vw or
    vh)

Example:

p {
    font-size: 2vw;
}

Leave a comment