小编典典

Bootstrap响应式文本大小

all

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

但是当布局缩小时,这太大了。如何响应地减小文本的大小?


阅读 55

收藏
2022-08-19

共1个答案

小编典典

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

较少的

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

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


h5{
    font-size: 1.4rem;
}

您可以使用视口单位 (vh,vw…) 但它们 不适用于 Android < 4.4

2022-08-19