基于rem的移动端布局注意事项

这篇文章是关于在移动端布局初始时的一些小技巧，及需要主要的事项

	
		
   
   
		
		<script>
			//获取像素比
			var pixelRatio = 1 / window.devicePixelRatio;
			//通过js动态设置视口(viewport)
			document.write('
   
   ');
			

			// 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。
			
			// 获取html节点
			var html = document.getElementsByTagName('html')[0];
			// 获取屏幕宽度
			var pageWidth = html.getBoundingClientRect().width;
			// 屏幕宽度 / 固定数值 = 基准值
			html.style.fontSize = pageWidth / 10 + "px";
		</script>
		
	
	
		
   
   

			
    
    

			
    
    

		
   
   
		
   
   
11111