tofacebook.com -专业IT技术社区 在页面rem布局中用到的js代码 Web程序 - tofacebook.com-专业IT技术社区
134°

在页面rem布局中用到的js代码 Web程序

标签:view   js代码   on()   javascrip   win   elements   代码   pre   java   

在你的页面加入以下代码,就初步搞定了

function fontSize() {
	var view_width = document.getElementsByTagName(‘html‘)[0].getBoundingClientRect().width;
	var _html = document.getElementsByTagName(‘html‘)[0];
	view_width > 768 ? _html.style.fontSize = 100 * 768 / 375 + ‘px‘ : _html.style.fontSize = view_width * 100 / 375 + ‘px‘;
}
fontSize();
window.onresize = function() {
	fontSize();
}

  

让一个页面充满屏幕,加入以下代码

var htmlHeigt=window.innerHeight;
var rebate_home=document.getElementsByClassName(‘rebate_home‘)[0].clientHeight;
this.offset={
		height:(htmlHeigt-rebate_home)+‘px‘,
		background:‘#eff0f4‘
	}
this.offset=htmlHeigt>rebate_home?{
		height:htmlHeigt+‘px‘
		}:{
			height:rebate_home+‘px‘
		}

  

在页面rem布局中用到的js代码

标签:view   js代码   on()   javascrip   win   elements   代码   pre   java   

原文地址:https://www.cnblogs.com/yiyi17/p/8707646.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。