移动端rem字体适配JS

rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。

// 『REM』手机屏幕适配，兼容更改过默认字体大小的安卓用户
function adapt(designWidth, rem2px) { 
//  designWidth：\'设计图宽度\'   1rem==rem2px+\'px\'                     
    var d = window.document.createElement(\'div\');
    d.style.width = \'1rem\';
    d.style.display = "none";
    var head = window.document.getElementsByTagName(\'head\')[0];
    head.appendChild(d);
    var defaultFontSize = parseFloat(window.getComputedStyle(d, null).getPropertyValue(\'width\'));
    d.remove();
    document.documentElement.style.fontSize = window.innerWidth / designWidth * rem2px / defaultFontSize * 100 + \'%\';
    var st = document.createElement(\'style\');
// 适应横屏、竖屏
    var portrait = "@media screen and (min-width: " + window.innerWidth + "px) {html{font-size:" + ((window.innerWidth / (designWidth / rem2px) / defaultFontSize) * 100) + "%;}}";
    var landscape = "@media screen and (min-width: " + window.innerHeight + "px) {html{font-size:" + ((window.innerHeight / (designWidth / rem2px) / defaultFontSize) * 100) + "%;}}"
    st.innerHTML = portrait + landscape;
    head.appendChild(st);
    return defaultFontSize
};
var defaultFontSize = adapt(640, 100);