代码之家 › 专栏 › 技术社区 › Kayote

如何在Bulma CSS中为响应式设计设置基本字体大小

bulma font-size responsive-design fonts css

1

Kayote · 技术社区 · 7 年前

Bulma.io documentation ,我找不到如何为响应式设计设置基本字体大小。

this section on setting initial variables ,我们可以设置类的初始值 $size-1 等等,但是,我想设置非常基本的字体大小为响应设计。一、当屏幕尺寸为980px时,基本字体大小应该是12px,而不是标准的16px。因为上面提到的字体类'$size-1',是 rem ,它们也会自动调整大小。

所以,我的问题是,有没有可能在Bulma中为响应式设计设置基本字体大小?或者我必须改变班级的规模吗 $size-1 手动等。

谢谢

1 回复 | 直到 7 年前

1

5

jiv-e 6 年前

在导入Bulma SASS文件后添加这个。

html {
  font-size: 12px;
  @include tablet {
    font-size: 16px;
  }
  @include desktop {
    font-size: 20px;
  }
}

html{font-size}