老师，通用适配方法怎么结合插件使用啊？
来源：3-3 通用适配应用--头部header
慕姐5289795
2021-07-22 19:21:59
问题描述：
不设置页面html标签的font-size值，直接使用插件转换的rem是不是页面真实展示效果就不是本来想设置的px值了？
实际开发中，是需要封装一个通用的屏幕适配方法，计算并赋值给html标签的font-size属性，再将插件的基准单位设置为html标签的font-size值，这样在样式中设置的rem才能展示为本来想设置的px值吗？可是这个font-size值会随着视口大小改变而变化呀
相关截图：
写回答
1回答
-
好帮手慕言
2021-07-23
同学你还，解答如下：
1、是的。插件的作用是把px转换成rem，1rem显示到页面上显示多大，是要根据html的font-size来决定的。
2、基准值不是固定的，选择一个好计算的就行。例如基准值设置为16px，引入适配方案之后，就可以进行转换了，比如，输入32px，会被转换为2rem
在iphone6下，html的字体大小为40px，那么div的宽度就为80px(宽2rem*html的font-size40)
不同设置下html的font-size不一样，展示到页面的效果也就不一样。
3、适配方案中给html设置了font-size，所以只要在项目中引人适配方案就行了。视频中的基准值是40px，88px会被转换成2.2rem，在iphone6下html的font-size为40px，2.2rem展示到页面上的宽度是88px（2.2*40），如果html没有设置font-size属性，那么展示到页面上的宽度就不是88px了。
祝学习愉快~
0
相似问题