码迷,mamicode.com
首页 > 其他好文 > 详细

wap端字体大小设置

时间:2018-02-07 10:24:14      阅读:691      评论:0      收藏:0      [点我收藏+]

标签:用户   调用   load   设置   script   元素   获取   rip   尺寸   

window.onload=function(){
				
	//1.首次加载的时候 调用动态设置rem的api
	setRemSize();
	
	//2.当用户企图更改浏览器宽度 自动获取屏幕宽度 在计算rem赋值给根元素里面的font-size
	window.addEventListener("resize",setRemSize,false);
	function setRemSize(){
	//1.在任何尺寸中都可以获得rem值
	//线用1px 不用rem
	//获得屏幕的宽度----获取到了rem值    rem=屏幕宽度/7.5+"px"
	var _clientWidth=document.documentElement.clientWidth/7.5+"px";
	//console.log(_clientWidth);
	//将得到的rem值赋值给根元素的font-size
	document.documentElement.style.fontSize=_clientWidth;
	
	}
}

  

wap端字体大小设置

标签:用户   调用   load   设置   script   元素   获取   rip   尺寸   

原文地址:https://www.cnblogs.com/xiaolixiaoxiao/p/8425231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!