Css 按比例减少twitter引导标题大小

不确定这是否可行。我认为推特引导标题太大了<代码>h1是

36px

h2

是

30px

，依此类推

有没有办法按比例减少标题大小？假设我只想要每个标题的90%。我不想一个接一个地声明每个标题的字体大小

---

谢谢。

为

主体提供一个类

，并提供以下CSS：

body.myClass h1,
body.myClass h2,
body.myClass h3,
body.myClass h4,
body.myClass h5,
body.myClass h6 {font-size: 0.9em;}

---

这将为您提供原始尺寸的90%。您也可以将其设置为

90%

：）

如果可以通过在LESS中调整一个变量来实现这一点，那就太好了，但我不认为是这样

发件人：

因此，您可以通过更改

@baseFontSize

来缩放所有文本，但不幸的是，没有单独的

@baseHeaderFontSize

。不过，你可以随时参与这个项目

编辑2:正如@merv所指出的，标题大小基于

@baseFontSize

原始编辑：实际上，标题大小似乎是硬编码的：：

---

我意识到这个线程现在已经超过18个月了，但万一有人再次遇到这个问题，最新版本的Bootstrap（v3.1.1）在

less/variables.less

中设置了所有标题字体大小，如下所示：

@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5: @font-size-base;
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px

---

因此，这只是一个调整每种字体的乘数以产生影响的例子。

我认为，也就是说.9em或90%的主体基础字体大小不是CSS中其他地方声明的h1字体大小属性。@Mark，TBS声明了

h1{font size:36px；}

，我们不能将其重写为

.myClass h1{font size:0.9em；}

哪个是原版的90%？它能正常工作吗？我担心的是它不是原版的，而是继承的字体大小。DOM中具有显式字体大小的主体或父元素的字体大小。我们在应用程序中使用TBS，这就是我们重写的方式。：）它在IE7，IE8，IE9，FF，GC中工作。这就是为什么我建议使用这种方法！：）不过基本字体不是36px，引导中的基本字体是16px。他想要30px左右的字体大小。我相信bootstrap设置了一个baseFontSize变量，几乎所有的字体大小属性都与此相关，例如：字体大小：@baseFontSize*2；您可以将其更改为更小的内容。我猜OP使用的是纯CSS然后他应该换成更少的。：）事实上，即使在普通CSS中，如果这是一个变量，OP也可以根据自己的意愿使用变量集构建一个。但这不是一个变量。@RichardTowers看起来像是在2.1.2中，他们将

@baseFontSize

连接到h*标记。看和相关的。@merv啊哈！那么，从2.1.2开始，我的原始答案是正确的。

解决方案：

将双括号替换为单括号。在我看来这是一个bug。@B.Martin上面的代码是bootstrap-less/variables.less文件中的一个片段，不是我写的代码。即使在最新版本v3.3.6（非sass）中，代码仍然相同。

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }

@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5: @font-size-base;
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px