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

Vuetify About 369 words

设置

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

样式

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

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

以此类推。

取值范围

  • 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/

Views: 513 · Posted: 2024-02-28

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓


Today On History
Browsing Refresh