rem适配方案


image-20220820211218623

自适应

image-20220820211524694

实现方法

技术方案一:

- less
- 媒体查询
- 人

技术方案2(推荐)

- flexible.js
- rem

总结:

1. 两种方案都存在
1. 方案二更加简单

动态设置html标签font-size大小

image-20220820215730239

rem实际开发的适配方案

rem= 页面元素值(px)/(屏幕宽度/划分的分数)

image-20220820221718183

案例

image-20220820232329513