通过断点验证动态排版?

Vuetify dynamic typography by breakpoint?

我正在尝试理解以下文档:https://vuetifyjs.com/en/styles/text-and-typography/ 使用此 vue 模板片段:

<div class="text-h4 text-xs-body-2">
  FooBar
</div>

我的想法是,这会将 xs(移动设备)中的文本呈现为 body-2 size/style。否则它应该回到 h4。但是它不起作用,我不确定为什么?

基数是xs。所以在这个例子中 h4 是你的 xs。它在文档中是这样说的:

These classes can be applied to all breakpoints from xs to xl. When using a base class,.text-{value}, it is inferred to be .text-xs-${value}.

Vuetify中没有xs,省略断点就是xs