如何使用 vuetify 使字体大小响应?

2023-12-15

In vuetify他们有排版辅助类。

例如,.display-4货物用于h1. 这是完整列表.

当我为某些元素选择 display-1 时,在所有分辨率中,该类都会获得相同的字体大小(34px)。

我本来期待:

  • .display-4屏幕宽度为 1024 像素,字体大小为 34 像素。
  • .display-4屏幕宽度为 300 像素,字体大小为 18 像素。

据此我有两个问题,这是为什么?以及如何使用 vuetify 使我的字体大小元素具有响应能力?


Update

Vuetify 版本 1.5

看一下显示助手example了解如何在遇到断点时使用类。话虽这么说,你可以使用动态类绑定 and 断点对象在 Vuetify 中。

例子::class="{'subheading': $vuetify.breakpoint. smAndDown, 'display-2': $vuetify.breakpoint. mdAndUp}"

验证版本 2

断点对象

Display

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 vuetify 使字体大小响应? 的相关文章

随机推荐