Bootstrap响应文本大小

我正在尝试使用bootstrap构build一个响应式布局，并且目前正在使用font-size：3em定义一些标题;

但是，当布局缩小时，这太大了。 我该如何回应减less文字的大小？

Answer 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; } 

通过https://stackoverflow.com/a/21981859/406659查看所有的方法;

你可以使用视口单位（VW，VW …），但他们不工作在Android <4.4

Answer 2

那么，我的解决scheme是有点破解，但它的工作原理，我正在使用它。

 1vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, whichever is smaller 1vmax = 1vw or 1vh, whichever is larger h1 { font-size: 5.9vw; } h2 { font-size: 3.0vh; } p { font-size: 2vmin; }