CSS：将文本大小设置为比已知尺寸大20%

Question

3

我可以设置我的<p>标签的文本大小。但是当它设置好后，我想让我的<h2>字体大小增加20%。

这个可行吗？如果是，你们能否在我的学习过程中给我一些帮助？

这是我尝试过的：

h2, .h2 {
    font-size: @font_size + px * 25%;

提前感谢您的回答。

阿曼多

- Armando van Oeffelen

如果您正在使用SASS（http://sass-lang.com/），您可以将字体大小存储在变量中（$h2-font-size: 18px;），并在媒体查询中使用它来调整字体大小。 font-size: $h2-font-size * 1.2; - Dr. Dreave

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Timon · Accepted Answer

是的，你可以使用rem单位来实现这个目标。

rem单位会根据html或根元素的字体大小进行调整。因此，如果你定义了html的字体大小，就可以根据它来调整其他字体大小。

具体如下：

html { font-size: 10px; }
body { font-size: 1.2rem; } /* 12 px */
h2   { font-size: 2rem; } /* 20px */

更多信息请点击这里：

请记住，此功能仅支持IE9及以上版本：