Question

我的html中有一个62.5％的基本大小，我将我的标题倍增＆＃39;相应的字体大小。当我在Chrome中检查它时：不同的h2标题具有相同的字体大小，但它们出现在diff中。屏幕尺寸。根据我的理解，字体大小（％）取决于html的字体大小。但无论如何，父容器的宽度也相同。

 html {
    font-size: 62.5%; }

  h1, h2, h3, h4 {
    text-align: center; }

  h1 {
    font-size: 250%; }

  h2 {
    font-size: 187.5%; }

  h3 {
    font-size: 125%; }

  h4 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.5em; }

我发现，父元素中有两个字体大小，它们被划掉了。如果我在开发人员窗口中停用它们，它仍会影响标题的大小。有趣的是看。

但是我觉得我有一个误会，我想如果我在css中定义了一个父类就好了 div h1，父级的字体大小会影响大小。但似乎每个父字体大小都对其子元素有影响。这使得使用％，就像在下面的文章中一样，在我看来毫无用处，因为你无法为字体设置层次结构。还是我错了？那么最好的方法是在任何地方使用rems来获得一致的字体大小？

Answer 1

在html标签中设置字体大小（百分比），正文标记设置为1em，其他标签使用em单位

字体SIze不一致（百分比）

1 个答案: