rem布局——动态适配

• 一般的移动端设计稿是750px，这里就按照750px的来做适配，比如是750px的，则1rem = 100px；375px的，则1rem = 50px

<script type="text/javascript">
	var html = document.documentElement;
	var htmlClientWidth = 0;
	var resetRootSize = function () {
		html.getBoundingClientRect().width > 750 ? htmlClientWidth = 750 : htmlClientWidth = html.getBoundingClientRect().width;
		//设置html根元素的字体大小，比如是375px的，则1rem = 50px
		html.style.fontSize = htmlClientWidth / (750/100) + 'px';
</script>

• 附：html.getBoundingClientRect() 这个方法返回的是元素的大小以及其相对于视口的一个位置