html - 乘以 child 的字体大小

Question

这可能是不可能的，但我想添加一个 css(最好是专门的 css)来增加所有子元素的字体大小。例如，如果您有各种字体大小:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

我想添加一个类:

<div class="multiply-font">
   <h1>This is heading 1</h1>
   <h2>This is heading 2</h2>
   <h3>This is heading 3</h3>
</div>

比如所有尺寸都会乘以一个系数。因此，将比没有类等大/小 X 倍...

Answer 1

如果你声明了 multiply-font-class 的 font-size，如果你使用 em 单位，这正是会发生的事情。 em 指的是您的字体大小(或者准确地说是字体的垂直高度)，默认大小为 1 em。如果你声明

.multiply-font{
  font-size: 2em;
}

结果应该与描述的完全一样(字体大小是原来的两倍)。