Question

我已将Body-size定义为正文中的98％，如下所示：

body {
   color: #6B6B6B;
   background-color: #262626;

   font-family: arial, sans-serif;
   font-size: 98%;
   line-height: 1.32;
   text-align: center;

   -webkit-text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   -webkit-overflow-scrolling: touch;
}

现在的问题是，如何让我的h1变得更大？和h2一样大吗？

我试过了：

h1 {
   font-size: 120%;
   line-height: 1;
}

但我不认为这是对的，我需要在我的标题中使用px或em吗？

Answer 1

您可以使用em缩放字体的内容。例如：

h1 {
   font-size: 1.2em;
   line-height: 1;
}

等于当前字体大小的120％。

这里有关于字体大小调整的useful article。

Answer 2

使用%有效CSS。

你可以拥有

h1{
    font-size:150%;
}

Answer 3

基于@ verbose-mode注释，您可以避免使用:not选择器选择h1和h2元素：

body {
   color: #6B6B6B;
   background-color: #262626;

   font-family: arial, sans-serif;
   line-height: 1.32;
   text-align: center;

   -webkit-text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   -webkit-overflow-scrolling: touch;
}

body *:not(h1):not(h2){
    font-size: 30%;
}

您可以看到this fiddle。

如果font-size是100％，我怎样才能使标题更大？

3 个答案: