码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-04-03 14:34:06      阅读:158      评论:0      收藏:0      [点我收藏+]

标签: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

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