加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 如何增加bootstrap-4字体大小?

发布时间:2020-12-14 21:24:20 所属栏目:资源 来源:网络整理
导读:我正在使用bootstrap-4,在此版本(bootstrap-4)默认使用em或rem进行字体. 现在这个问题是,如何增加所有视口大小的字体大小. 因为每个元素看起来都很小.在bootstrap-4中有没有简单的方法. 解决方法 因为Bootstrap 4使用rem作为其大部分元素的字体大小单位,所以
我正在使用bootstrap-4,在此版本(bootstrap-4)默认使用em或rem进行字体.

现在这个问题是,如何增加所有视口大小的字体大小.
因为每个元素看起来都很小.在bootstrap-4中有没有简单的方法.

解决方法

因为Bootstrap 4使用rem作为其大部分元素的字体大小单位,所以您可以在自己的样式表中的HTML元素上设置px中的font-size,这将更改默认大小调整Bootstrap适用于您的元素.我已经包含了一个 codeply project的链接,所以你可以看到它的实际效果.环境中已经加载了Bootstrap 4.如果更改html选择器的font-size值并运行项目,则可以看到元素的大小调整是如何相对于根元素更改的.

在样式表中添加三行CSS应该非常简单:

html {
    font-size: 16px;
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读