小编典典

Bootstrap响应文本大小

css

我正在尝试使用引导程序来构建响应式布局,当前正在使用font-size:3em定义一些标题;

但是,当缩小布局时,这太大了。如何快速缩小文本大小?


阅读 649

收藏
2020-05-16

共1个答案

小编典典

最简单的方法是使用%或em中的尺寸。只需更改基本字体大小,一切都会改变。

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}


h5{
    font-size: 1.4em;
}

您可以使用视口单位(vh,vw …),但它们 在Android <4.4上不起作用

2020-05-16