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

Posted 2020-10-29 地铁程序员

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

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‘
		}