通过添加某个类使文本动态变大

Question

有没有办法动态地使文字更大？举个例子：

* {
    font-size:1em;
}

.large {
    font-size:1.4em;
}

h1 {
    font-size:2.3em;
}

问题是，当您将大类添加到像h1这样的元素时，它的基本字体大小比大类更大，它会变小。有没有办法让它根据ems按比例缩放一定百分比？我已经尝试了百分比。

Answer 1

请注意，em和百分比都是相对大小，但它们依赖于 parent 元素的大小来确定子元素的大小。你不能做比你自己大1.4倍的东西，这样你就可以做到两个人比彼此高一些;）

您可以将任何元素设置为相对较大的父元素，因此您最好的选择（使用纯HTML和CSS）是将您想要增加字体大小的任何元素的内部内容包装到您可以使用的标记中添加您在上面指定的large类。

注意：我们真正想要做的就是在元素内部定位和设置匿名文本节点的样式。您可以使用.large::first-line之类的内容来为第一行设置更大的文本样式，但我不能说这是一个解决方案，因为它不会设置整个文本节点的样式。