js代码
1 (function (doc, win) { 2 var docEl = doc.documentElement, 3 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', 4 recalc = function () { 5 var clientWidth = docEl.clientWidth; 6 if (!clientWidth) return; 7 if (clientWidth >= 640) { 8 docEl.style.fontSize = '100px'; 9 } else { 10 docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'; 11 } 12 }; 13 14 if (!doc.addEventListener) return; 15 win.addEventListener(resizeEvt, recalc, false); 16 doc.addEventListener('DOMContentLoaded', recalc, false); 17 })(document, window);
引入以上代码 把750改为你设计稿的宽度 以后1rem=100px 。
如果,你的元素宽是50px,你就写width: 0.5rem;