Web移动端JavaScript解决移动端适配问题

这里先记录一下这个代码

(function() {
				//defaultSize 设置比例 为100
				var defaultSize = 100;
				//设计师给的稿子的宽度  一般移动端都是750px的
				var designWidth = 750;
				//获取当前显示器的宽度
				var deviceWidth = document.documentElement.clientWidth;
				//这个就是不同显示器下，显示的比例
				var width = defaultSize / designWidth * deviceWidth;
				//创建一个style标签
				var styleN = document.createElement('style');
				//给style添加内容  ，宽度就是不同显示器下的比例
				styleN.innerHTML = 'html{font-size:' + width + 'px;}';
				//把这个元素追加到head标签中
				document.head.appendChild(styleN);
			})()
# width height top  left等都要用rem做单位