<分区>
我正在尝试使用 bootstrap 构建响应式布局,目前正在使用 font-size:3em 定义一些标题;
但是当布局缩小时,这就太大了。如何响应式地减小文本的大小?
<分区>
我正在尝试使用 bootstrap 构建响应式布局,目前正在使用 font-size:3em 定义一些标题;
但是当布局缩小时,这就太大了。如何响应式地减小文本的大小?
最佳答案
最简单的方法是以 % 或 em 为单位使用维度。只需更改基本字体大小,一切都会改变。
较少
@media (max-width: @screen-xs) {
body{font-size: 10px;}
}
@media (max-width: @screen-sm) {
body{font-size: 14px;}
}
h5{
font-size: 1.4rem;
}
查看https://stackoverflow.com/a/21981859/406659的所有方法
您可以使用视口(viewport)单位(vh、vw...),但它们不适用于 Android <4.4
关于css - Bootstrap 响应式文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14537611/