作者:Christy-1221 | 来源:互联网 | 2022-10-28 18:58
给定以下示例,我很惊讶地发现,添加font-size: 1em
到
元素会导致内容大小增加
codepen上的示例:“按钮字体大小1em增加了吗?”
normal
normal
我期望两个按钮的大小一样,如段落所示。为什么一个按钮比另一个大?
1> Nit..:
Chrome中给定元素的默认样式包含以下内容:
font: 400 11px system-ui;
大多数其他浏览器都有类似的细节,留给读者。
通过将font-size设置为1em
,您可以将其设置为从父级继承的默认字体大小,或者如果不存在,则设置为浏览器设置,默认为16px
。