如何在Vuetify中根据设备自动调整所有文本的大小



我正在寻找一种解决方案,可以根据设备大小自动调整所有文本的大小,而无需明确指定每个元素。例如:使用class=";显示器-4";在手机和桌面上显示相同的字体大小。如何动态更改?

您可以使用一些相对的字体大小单位,这里有一些。

具有相对长度的CSS单元

  • vw(视口宽度的%(
  • vh(视口高度的%(
  • vi(根元素的内联轴方向上视口大小的1%(
  • vb(根元素块轴方向上视口大小的1%(
  • vmin(vw或vh中较小的一个(
  • vmax(较大者或vw或vh(

示例:

p {
font-size: 2vw;
}

最新更新