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

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

bulma font-size responsive-design fonts css

Kayote · 技术社区 · 6 年前

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

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

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

谢谢

1 回复 | 直到 6 年前

jiv-e 6 年前

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

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

html{font-size}

推荐文章

Sarah Marie · 单击按钮,用随机颜色/大小将每个字母设置为字符串样式

2 年前

narb · 如何根据xcode中的屏幕大小定义按钮的字体

7 年前

user3348410 · 为什么我的em边距计算不正确?

7 年前

nuuse · itextsharp仅在空格上自动调整字体大小和换行符

7 年前

mitchmitch24 · 是否更改Power BI中的默认字体大小?

7 年前

Alex Nevado · 为什么在将HTML传递到HTML组件(hc:HTML)时忽略字体大小?

7 年前

Egor Kolyshkin · 如何在不考虑设备方向的情况下自动设置UIButton的字体大小更改?

7 年前

adi518 · 计算手机的CSS字体大小

7 年前

Gozie · Django fontsize tinymce

7 年前

James · 使用我的网站上的按钮更改h1/h2/h3的字体大小(使用本地存储)

8 年前