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