Css 如何将字体sze:62.5%应用于angular中的特定typescript组件

我试图为下面给定的组件容器分配字体大小=62.5%

marco
//表单组件

---

但这不起作用，MARCO的字体大小是（3.6x16=57.6px），而不是取决于百分比和给定值（3.6x10=36px）。如果我在应用程序的根级别声明字体大小%，那么它可以正常工作，但是在组件级别出现问题。请让我知道字体大小%在组件中是如何工作的。

除非您使用的是实际的Web组件，带有阴影DOM，否则CSS对组件的工作方式与对其他任何组件的工作方式相同。因此，

%

相对于容器的计算值

rem

被指定为为根元素定义的字体大小的倍数，不受级联中任何其他内容的影响（当然影响根元素的内容除外）。如果您希望MARCO的字体大小取决于

main

的字体大小或其中一个插入元素，请使用

%

、

em

或其他相关单位。