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

移动端rem适配代码

2018-11-15 14:20 127 查看
版权声明:转载请注明出处 https://blog.csdn.net/qdmoment/article/details/84103501

rem字体设置是根据font-size相对设置:

[code]<script type="text/javascript">
function rems(){

// 获取屏幕宽度(此处是一个兼容的写法)
var htmlWidth=document.documentElement.clientWidth||document.body.clientWidth;

//设置根元素的fontSize的大小,此处的3.2是--设计图的宽度/100
document.documentElement.style.fontSize=htmlWidth/3.2+"px";

// 设置条件屏幕宽度最大值
if(htmlWidth>640){
htmlWidth=640;
document.documentElement.style.fontSize=htmlWidth/3.2+"px";
}
}
//默认调用适配函数
rems();
//window大小变化时调用适配函数
window.onresize=function(){
rems()
}
</script>

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: