1.rem
rem (font size of the root element)是指相对于根元素<html>字体大小的单位。
<html> <head> <style type="text/css"> html{ font-size: 20px; } div{ width: 100rem; height: 60rem; } </style> </head> <body> <!--div宽度为：100 ＊ 20px =200px;高度为60 * 20px = 120px--> <div></div> </body> </html>
2.移动端栅格化
（1）把不同大小的移动端屏幕的宽度划分为相同个数的片段，这个片段的长度就是栅格的高度和宽度。假设横向的栅格数为16：若屏幕的宽度为320px，则每个栅格的宽度和高度为20px；若屏幕的宽度为240px，则每个栅格的的宽度和高度为15px。不同屏幕横向的栅格数相同，格子的大小随屏幕的大小而改变，一个元素的宽度与高度占有固定个数的格子。
原文：http://www.cnblogs.com/fe-huahai/p/5617956.html