移动端设置html的font-size从而设置rem的大小

(function(){
            var colCount = 20;
            //  设置列宽
            var colWidth =  document.documentElement.clientWidth / colCount;//;document.documentElement;
            //  确定基本的font-size
            document.querySelector('html').style.fontSize = colWidth + 'px';
        })();

将屏幕分成20列的情况

此时 1rem = colWidth+‘px’

否则 1rem = 16px

你可能感兴趣的:(移动端设置html的font-size从而设置rem的大小)