堆栈:Nuxt.js + Vuetify.js
问题:设置全局主体字体大小不起作用
尝试:
在〜/ assets / style / app.styl中,我将正文字体大小设置为40px:
// Import Vuetify styling
$body-font-size = 40px;
@require '~vuetify/src/stylus/app.styl'
输出:无效:
注意:
@body-font-weight
也会发生相同的情况问题:为什么会发生这种情况以及如何克服?
复制链接:here
最佳答案
这是因为您正在使用vuetify loader插件。因此,您更改的变量应放入变量文件,而不是app.styl
因此,您的assets/style/variables.styl
应该如下所示:
$font-size-root = 40px;
@require '~vuetify/src/stylus/settings/_variables.styl'
关于javascript - 设置全局主体字体大小不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55177950/