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

Question

我正在寻找一种解决方案，以自动调整所有文本的大小基于设备的大小，而不是明确指定为每个元素。例如:使用class="display-4“在移动和桌面上显示相同的字体大小。如何动态改变？

Answer 1

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

具有相对长度的CSS单位

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

示例：

p {
    font-size: 2vw;
}