Web前端开发中如何将px转换为rem

1、 笔者在多年的前端开发实践中经历了从最初的PC固定布局、手机瞿搋村乇端固定布局（两端留白）到响应式设计（媒体查询、百分比布局等），直到最终选择rem+Javascript的模式，但是在项目开发中需要将大量的样式由px转换为rem，单位之间的换算虽然不复杂，但是工作量却很大。

3、点击上图中用边框标示的部分，进入“用grunt写了一个px和rem互转的工具”页面，如下图所示：

5、笔者将实际项目中的CSS代码拷贝进入转换，有几个参数要选择，进行转换效果如下图所示：

7、其实，读者也可以自己写一个javascript函数实现上述功能，不过，重复发明轮子也没有什么意义，除了上面的工具之外（javascript实现），还有Sass的方案。网络有相关的文章，读者可以去研读，不过，还是在线工具为最佳，当然也可以将该工具下载下来使用。