您的位置:首页 > 移动开发

移动端页面rem用法

2016-11-30 16:43 204 查看
1 JS方法

var iWidth=document.documentElement.clientWidth;

        document.getElementsByTagName("html")[0].style.fontSize=iWidth/25+"px";

2 CSS方法

html{font-size:93.8%}                    //15/16=93.8     15的意思就是 想设置的 1rem等于15px。

   这个值最小不能小于12 /16=75% 

3 JS方法(这个比较好)

html{
font-size:20px;
}


<script>
document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';
window.onresize=function(){
document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px';
};
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: