作者:小强 | 来源:互联网 | 2022-12-30 00:34
1> dferenc..:
好吧,这在Bootstrap 4文档的“ 响应式排版”部分中进行了描述。从文档中可以看出:Bootstrap不会为您执行此操作,但是如果需要,添加它相当容易。
确实并不难。基本上,您必须在
标签上为每个媒体断点定义字体大小。
这是一个例子:
html { font-size: 1rem; }
@media (min-width: 576px) {
html { font-size: 1.25rem; }
}
@media (min-width: 768px) {
html { font-size: 1.5rem; }
}
@media (min-width: 992px) {
html { font-size: 1.75rem; }
}
@media (min-width: 1200px) {
html { font-size: 2rem; }
}