同一div元素中的字体大小继承不同答案

【问题标题】：font size inherit is different in same div element同一div元素中的字体大小继承不同
【发布时间】：2021-11-22 12:53:29
【问题描述】：

您好，我正在制作一个两个跨度标签框并在跨度标签中制作一个 div 标签

我知道字体大小样式是继承属性

所以我在父跨度标签中输入 font-size 属性

第一个 span 标签的 div 的字体大小与父字体大小相同

但第二个 span 标签的 div 的字体大小与父级不同

字体大小

在safari中，chrome的控制台窗口继承是正常的

但是 span2 的 div 是 parent font-size 1.3multiple

我在想 span1 和 span2 是一样的，但是继承不一样。

为什么span1继承正常而span2继承不正常？

代码在底部，我正在应用 Safari 控制台窗口

<style>
#span1{
    font-size: 40px;
}
#span2{
    font-size: 40pt;
}
</style>
<body>
    <span id ="span1">
        <div>text</div>
    </span>
    <span id = "span2">
        <div>text</div>
    </span>
    </div>
    </div>
</body>

【问题讨论】：

你的答案stackoverflow.com/questions/3557260/should-i-use-pt-or-px

标签： html css

【解决方案1】：

没有。

font-size: 40px 和 font-size: 40pt 不一样。
1pt 是 1.3281472327365 px，所以 40px 大约是 53.33px。所以你的代码工作正常。

【讨论】：

【解决方案2】：

我并没有真正得到你想要达到的目标。第一个跨度是 40px，第二个是 40pt（不是 px），这就是显示的内容。我将 sn-p 更改为 40px 并在最后删除了不必要的 div。此外，如果您想要多个具有相同字体大小的文本，您可以多次使用相同的类/ID。

-诺埃尔

<style>
#span1{
    font-size: 40px;
}
#span2{
    font-size: 40px;
}
</style>
<body>
    <span id ="span1">
        <div>text</div>
    </span>
    <span id = "span2">
        <div>text</div>
    </span>
</body>

【讨论】：