flex + rem + flexiable.js + less 布局与适配

适配方案

移动端的适配方案：

1. flex + rem单位 做适配效果 （比如淘宝和小米移动端）

2. flex + vw/vh单位 做适配效果 （比如 B站移动端 ）

让flex做布局（盒子摆放），让rem或者vw/vh 实现网页元素的尺寸（宽度和高度）适配屏幕

rem 适配

rem 是一个相对单位，1rem 就是 html 文字的大小

实现在 不同宽度 的设备中，网页元素尺寸 等比缩放 效果

目标: 计算68px是多少个rem?(假定设计稿适配375px视口)

N * 37.5 = 68 → N = 68 / 37.5

rem单位尺寸

1. 确定设计稿 对应 的设备的 HTML标签字号

查看 设计稿宽度 → 确定参考 设备宽度 (视口宽度) → 确定 基准根字号 （1/10视口宽度）

2. rem单位的尺寸

  rem单位的尺寸 =