通过纯js代码实现rem自适应布局(移动端、PC端均可)
使用方法:
在html文件内引入此rem.js文件,将单位px按比例换算为rem即可。
注:换算时注意,若UI是按满屏宽度750px出的图,则150px换算为rem就是150/75=2rem(这里为什么除以75是由代码注释2里会指出)。
代码:
// rem.js
(function(win) {
var doc = win.document;
var docEl = doc.documentElement;
var tid;
function refreshRem() {
var width = docEl.getBoundingClientRect().width; //注释1
var rem = width / 10; //注释2
docEl.style