- 拿到一个750px宽度的设计稿，设计稿上有一个300x200大小的容器
- 使用代码还原出设计稿的内容，这一步我们要做到页面的显示效果和设计稿完全一致（还原设计稿）
- 定义html节点的font-size值75px（75怎么来？见第3步的js把屏幕分成10份，设计稿大小750/10得出，如果分20份，那么这里就是750/20=37.5）
- 把元素的width height padding margin等等都改成rem单位值，比如上面的300x200的容器，300/75得出容器的width值，样式写width: 4rem，同理高度写height: 2.67rem。对页面上其他元素都类似处理。【每个元素的单位值都要人工计算的话，太繁琐也没什么技术含量，所以寻找工具来代替我们去计算：postcss-pxtorem插件】
- 此时，我们打开页面，把页面宽度调整成和设计稿宽度一样，看页面 是否 和设计稿效果完全一致，一致则已经完成了还原设计稿这一步，后续只需要调整rem基准值即可完成适配
- 设配
- 根据当前运行设备的宽度，来设置html节点的font-size值，即1rem是多少px【通过js脚本动态设置rem值这件事，使用amfe-flexible这个库来完成】
- 浏览器运行时会自动计算每个元素的大小得到px大小，然后绘制到屏幕上
移动端rem适配
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
