关于rem单位的使用

rem在移动端应用可参考淘宝的页面http://m.taobao.com (html的font-size经过动态计算获取)javascript

页面基准320px(20px),html font-size值的计算:html

[javascript] 
    var ele=document.getElementsByTagName("html")[0],  
            size=document.body.clientWidth/640*20;  //以640为基准,640屏幕下html的font-size为20px,如在320屏下,1.2rem的字体大小为12px。
        ele.style.fontSize=size+"px"

注:需设置meta缩放比1:1
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />java

具体使用rem的方法利弊等内容详见网址https://isux.tencent.com/web-app-rem.htmlweb

相关文章
相关标签/搜索