通过断点Vuetify动态排版？

Question

我正在尝试了解以下文档：https://vuetifyjs.com/en/styles/text-and-typography/ 使用这个 vue 模板 sn-p:

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

我的想法是，这会将xs（移动）中的文本呈现为body-2 大小/样式。否则它应该回退到h4。但是它不起作用，我不确定为什么？

Answer 1

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

这些类可以应用于从 xs 到 xl 的所有断点。使用基类.text-{value}时，推断为.text-xs-${value}。

Vuetify中没有xs，省略断点就是xs。