rem用法

       //控制rem大小
	 window.οnlοad=function(){
		document.documentElement.style.fontSize=
	 	document.documentElement.clientWidth/20.48+'px';
	 	//企图改变屏幕大小
	 	window.addEventListener("resize",function(){
	 		document.documentElement.style.fontSize=
	 	    document.documentElement.clientWidth/20.48+'px';
	 	})
	};

在页面底部引用这段代码，标红的位置是设计稿的宽度，高度不用管。然后设计稿上量出多少像素，比如设计稿宽度为2048的，量出一个宽度为218px的按钮，那么就是218/100=2.18rem。比em用起来方便很多，不需要去想那么多，也不用管层级关系。如果使用了em，将来某个结构改变维护起来挺麻烦的。

顺带说一下em，em是根据自身的父元素来进行相对设置的。

这里有一个链接，写的不错：

http://www.uml.org.cn/html/201207311.asp

介绍的十分详细。