老师想问下子应用如何不被主应用根元素的font-size污染
来源：6-5 css样式隔离
weixin_慕婉清7543078
2023-02-03
我建的主应用根元素字号是100px,样式里写的都是rem，开发了几万行现在已经不太好改了。
子应用里根元素是默认的16px，也是rem，因为是引入的一个css的库，所以也不太好改。
但是配置好微前端后子应用的字号会自动变成100px的根结点，所有响应式的样式都变大了，在挂载的那个dom上修改样式也都不生效。
想问下老师这种主应用子应用根元素字号不一样该怎么处理呢？
写回答
1回答
-
yancy
2023-02-03
看下打包的产物，最终子应用是以 rem 为单位还是以 px 为单位
如果是以px为单位的话就比较好解决，在打包的过程中进行处理就可以。
这个可以看下这个css库是如何计算的。是否根据html的根字体进行的rem转换，尝试修改库的实现。
通过打包插件来修改rem的转换规则
如果是以rem为单位的，可以通过修改微前端隔离方式来实现。
00
相似问题