第三种： vw/vh方案
vw 是相对单位，1vw 表示屏幕宽度的 1%。需要缩放的元素采用vw，不需要的采用px。
具体实现方法与rem类似，至于转换问题也可以参考rem的插件形式。
各种方案对比
rem方案:
原理不好理解^_^
从px到rem的转换需要使用工具
灵活可控，几乎完美复刻设计稿
可能大量出现小数点，由于换算有些许误差（极小）
适合具有完全移动端设计稿的项目
media媒体监听方案：
没有学习成本
如何适配需要重新定义，可能设计稿都不会体现
复杂的组件很难有完美的呈现
适合只有PC端设计稿，又需要兼容移动端的需求
综合方案：
可以同时使用media和rem
实现更大的自由度和更完美的呈现
实现复杂，颗粒度不好把控
这里总结了两种常用的移动端适配方案。其实后来的微信小程序css单位rpx，换算方法为1px=2rpx，应该和rem的适配方案原理大致相同。
原文链接：https://blog.csdn.net/weixin_49429586/article/details/127084924
