我正在使用bootstrap-4,在此版本(bootstrap-4)默认使用em或rem进行字体.
@H_301_2@现在这个问题是,如何增加所有视口大小的字体大小.
因为每个元素看起来都很小.在bootstrap-4中有没有简单的方法.
因为每个元素看起来都很小.在bootstrap-4中有没有简单的方法.
解决方法
因为Bootstrap 4使用rem作为其大部分元素的字体大小单位,所以您可以在自己的样式表中的HTML元素上设置px中的font-size,这将更改默认大小调整Bootstrap适用于您的元素.我已经包含了一个
codeply project的链接,所以你可以看到它的实际效果.环境中已经加载了Bootstrap 4.如果更改html选择器的font-size值并运行项目,则可以看到元素的大小调整是如何相对于根元素更改的.
@H_301_2@在样式表中添加三行CSS应该非常简单:
html { font-size: 16px; }