Vuetify 不同分辨率下设置字体大小

设置

<div class="text-h5 text-sm-h4">测试标题</div>

样式

text-{value}适用于从xs到xxl分辨率的大小。

text-{breakpoint}-{value}适用于从sm到xxl分辨率的大小。

以此类推。

取值范围

• breakpoint

  • sm
  • md
  • lg
  • xl
  • xxl

• value

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • subtitle-1
  • subtitle-2
  • body-1
  • body-2
  • button
  • caption
  • overline

参考

https://vuetifyjs.com/en/styles/display/#display

https://vuetifyjs.com/en/styles/text-and-typography/