移动端尺寸单位的区别：px、em和rem

px是固定像素，没法适应流布局，通常高度以px设置，web app版宽度以使用rem。

em是指相对于父元素的字体大小的单位 ；由于它是相对于父元素的字体大小的单位，那若是你要设置一个元素的宽度，高度，那么就得去看他父级的大小，若是父级也是em单位，你又得去找他的父级，得一层层计算，才能获得准确的像素值。

rem的出现 使不少 移动端的自适应获得了改变，由于 rem是指相对于根元素的字体大小的单位；只要根据屏幕大小设置Html根上的font-size大小，以rem为单位的元素大小会相应改变。

@media only screen { html { font-size: 30px; } }
@media only screen and (max-width: 479px) and (min-width: 321px) { html { font-size: 15px; } }
@media only screen and (max-width: 320px) { html { font-size: 13px; } }

　　

 移动端尺寸单位区别：

http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201509/376281.shtml