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

问题描述

我正在寻找一种解决方案，可以根据设备大小自动调整所有文本的大小，而无需明确指定每个元素。例如：使用class =“ display-4”在移动设备和台式机上显示相同的字体大小。如何动态更改？

解决方法

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

相对长度的CSS单位

• vw（视口宽度的百分比）
• vh（视口高度的百分比）
• vi（视口尺寸在根元素的内联轴方向上的1％）
• vb（视口大小在根元素的块轴方向上的1％）
• vmin（vw或vh中较小的一个）
• vmax（较大或vw或 vh）

示例：

p {
    font-size: 2vw;
}