手机端JS适配代码

最新推荐文章于 2024-07-19 22:55:18 发布

二水你要努力啊

最新推荐文章于 2024-07-19 22:55:18 发布

阅读量2.9k

点赞数 2

分类专栏：前端文章标签：手机端适配

本文链接：https://blog.csdn.net/qq_33601443/article/details/88546777

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

手机端适配的通用代码，但要注意将640修改为设计稿的宽度，将从设计稿量得的mpx（m为量得长度），除以100后加上单位rem

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script>
			window.onload = function(){	    
		         getRem(750,100)
		         };
		         window.onresize = function(){
		         getRem(750,100)
		         };
		         function getRem(pwidth,prem){
		           var html = document.getElementsByTagName("html")[0];
		           var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
				   html.style.fontSize = oWidth/pwidth*prem + "px";
		}
		</script>