如何解决通过断点来查看动态排版?
我正在尝试了解以下文档:https://vuetifyjs.com/en/styles/text-and-typography/ 使用此vue模板代码段:
<div class="text-h4 text-xs-body-2">
FooBar
</div>
我的想法是,这会将xs
(移动)中的文本呈现为body-2
的大小/样式。否则,它应该退回到h4
。但是它不起作用,我不确定为什么吗?
解决方法
基数为xs。因此,在此示例中,h4是您的xs。它在文档中是这样说的:
这些类可以应用于从xs到xl的所有断点。使用基类.text- {value}时,它推断为.text-xs-$ {value}。
当省略断点即xs时,Vuetify中没有xs。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。