通过断点验证动态排版?
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
我正在尝试理解以下文档: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