小米网上看到的移动端h5页面自适应代码

把这些代码放到js里面，规则就是，调用函数，放两个参数，第一个参数，是设计稿的宽度，第二个参数是px与rem的转换比例，通常会写100（因为好算）；

当然了，要把这段js代码最好封装在一个单独的js文件里，并且放在所有的css文件引入之前加载。

实际应用起来就是，#box1{ height:100px;}而调用了rem就是#box1{ height:1rem;}以此类推。 100px = 1rem . 1px = 0.01rem。在页面中，凡是跟尺寸有关的padding、margin、width、height等等，都可以用rem来写单位，这样当不同分辨率的手机在看同一个页面时，效果几乎是一样的。

拓展链接：

https://segmentfault.com/a/1190000008721148

转载于:https://juejin.im/post/5c73b872f265da2da00eb86e