Question

我设置默认的html字体大小为：

html{
    font-size: 75%; /* 12px */
}

然后设置body font-size，如下所示：

body{
    font-size: 0.75em; /* 12px */
}

现在，我要为p标签设置14px，所以它看起来像：

p{
    font-size: 0.875em; /* 14px */
}

但是当我检查浏览器时，它看起来很小。我的上述代码有什么问题？提前谢谢。

Answer 1

em按字体大小缩放。所以1 em是当前的字体大小，0.5em是它的一半。从12px（75％）开始然后应用0.75em你是9px如果你然后在9px上应用0.875em你会得到8px。