rem适配方案2

1. 简洁高效的rem适配方案flexible.js

技术方案1

• less
• 媒体查询
• rem

技术方案2（推荐）

• flexible.js
• rem

6.1 简洁高效的rem适配方案flexible.js

手机淘宝团队出的简洁高效 移动端适配库
我们再也不需要再写不同的屏幕的媒体查询，因为里面js做了处理
它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。
我们要做的，就是确定好我们当前设备的html文字大小就可以了
比如当前设计稿是750px，那么我们只需要把html文字大小设置为75px（750px/10）就可以
里面页面元素rem值：页面元素的px值 / 75
剩余的，让flexble.js去算

6.2 使用适配方案2制作苏宁移动端首页

1. 技术选型
   方案：我们采取单独制作移动页面方案
   技术：布局采用rem适配布局2（flexible.js + rem)
   设计图：本设计图采用750px设计尺寸
2. 搭建文件夹结构
   3.设置视口标签以及引入初始化样式还有js文件
3. body样式

6.3 VSCode px转换rem插件cssrem