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

Question

有没有办法让文本动态变大？举个例子：

* {
    font-size:1em;
}

.large {
    font-size:1.4em;
}

h1 {
    font-size:2.3em;
}

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

Answer 1

请记住，em 和百分比都是相对大小，但它们依赖于父元素的大小来确定子元素的大小。你不能制造比自己大 1.4 倍的东西，而不是你可以制造的东西，这样两个人就比对方高；）

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

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