rem.js 使用

rem.js 介绍

rem.js 笔者已经用此封装好的 js 开发了N个项目，用起来还是很方便的，能适用所有移动端h5页面的自适应需求。
rem.js 下载路径： https://github.com/Yashona/shiwanzhushou/blob/master/js/lib/rem.js

rem.js 用法

1. 直接在文件中引入 rem.js 即可

   <script src="./js/rem.js"></script>
   

2. 在样式中，直接根据实际设计尺寸 除以 100 得到的值，并用 rem 做为单位即可。

   .p{width:100%;height:1rem;line-height:1rem;text-align:center;}
   

   相当于 px 单位 ：

   .p{width:100%;height:100px;line-height:100px;text-align:center;}
   

3. 在字体大小上设置会有一定的差异，可根据项目设计来调整；

注意 ： 绝不是每个地方都要用rem，rem只适用于固定尺寸！

参考资源： https://segmentfault.com/a/1190000007350680?tdsourcetag=s_pctim_aiomsg
px 与 rem 转换工具 ： http://www.ofmonkey.com/front/rem

如你在使用中，有什么疑问可以在下方评论处留言！