rem配置

rem

• rem的大小根据的根元素的字体大小来规定，当根元素的字体大小为100px，那么1rem就等于100px；

	<style>
		html{
			font-size: 100px;	
		}
		div{
			width: 1rem;
		}
	</style>

一般根据的设计图的尺寸来设置rem的配置，当设计图为宽为750px时，可以配置1rem等于100px或则50px，我这里配置了一个1rem等于50px的，大家可以参考下
案例：

	(function(doc, win) {
	    var docEl = doc.documentElement,
	        resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
	        recalc = function() {
	            if (docEl.clientWidth > 750) {
	                docEl.style.fontSize = "100px";
	                doc.getElementById("app").style.width = "750px";
	            } else {
	                var width = docEl.clientWidth / 7.5;
	                docEl.style.fontSize = width + "px";
	                doc.getElementById("app").style.width = "auto";
	            }
	        };
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener("DOMContentLoaded", recalc, false);
	})(document, window);