首页 > 其他 > 详细

wap端字体大小设置

时间:2018-02-07 10:08:00      阅读:230      评论:0      收藏:0      [点我收藏+]
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端字体大小设置

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!