编写自定义组件的学生应该知道，由于网络组件是从样式隔离中隔离的，因此很难修改自定义标签的内部样式，但是有许多“方法”带有一些麻烦的麻烦来解决简介。
在我们的业务情况下，我们使用CSS变量来解决此问题，但仍然有些麻烦。有更好的解决方案吗？
本文为此问题提供了另一个解决方案：使用EM来控制自定义标签的大小。
像素开关组件，如果要更改其宽度，则需要执行此操作：
乍一看，它很大而笨重。
为了解决这个问题，探索了一种方法。核心想法是在组件内使用EM单元，然后将其设置在组件的根节点上。
CSS提供了几个不同单位的表达长度：等等。其中，每个人最常用，然后是和谐。
当您搜索EM单元时，您基本上会告诉您EM的缺点：
正是这种缺点为Web组件提供了“优雅”解决方案。
em是相对于元素本身字体大小的相对单元，其值将继承父元素的字体大小。向上层找到要继承的一个。相关效果和代码如下：
我希望这对每个人都会有所帮助。以上是这次简单的分享，谢谢！
原始：https：//juejin.cn/post/7097130694341558279