本来想写一篇，webapp使用rem的问题，查了一下相关rem的介绍之后，发现很多平台已经解释的很清楚了，图文并茂，于是我便想将其解释资源整理一些，方便以后自己查阅。
　腾讯isux：web app变革之rem(解释的最精辟了)
　大漠博客：css3的rem设置字体大小　
　小黑成长录：关于webapp中的文字单位的一些捣腾
　前端观察站：px em rem在web前端开发中的区别
最后分享一段淘宝手机屏幕尺寸判断改变字体大小的js:
!function(x) { function w() { var a = r.getboundingclientrect().width; a / v > 540 && (a = 540 * v), x.rem = a / 16, r.style.fontsize = x.rem + px } var v, u, t, s = x.document, r = s.documentelement, q = s.queryselector('meta[name=viewport]'), p = s.queryselector('meta[name=flexible]'); if (q) { console.warn(将根据已有的meta标签来设置缩放比例); var o = q.getattribute(content).match(/initial\-scale=([']?)([\d\.]+)\1?/); o && (u = parsefloat(o[2]), v = parseint(1 / u)) } else { if (p) { var o = p.getattribute(content).match(/initial\-dpr=([']?)([\d\.]+)\1?/); o && (v = parsefloat(o[2]), u = parsefloat((1 / v).tofixed(2))) } } if (!v && !u) { var n = (x.navigator.appversion.match(/android/gi), x.navigator.appversion.match(/iphone/gi)), v = x.devicepixelratio; v = n ? v >= 3 ? 3 : v >= 2 ? 2 : 1 : 1, u = 1 / v } if (r.setattribute(data-dpr, v), !q) { if (q = s.createelement(meta), q.setattribute(name, viewport), q.setattribute(content, initial-scale= + u + , maximum-scale= + u + , minimum-scale= + u + , user-scalable=no), r.firstelementchild) { r.firstelementchild.appendchild(q) } else { var m = s.createelement(div); m.appendchild(q), s.write(m.innerhtml) } } x.dpr = v, x.addeventlistener(resize, function() { cleartimeout(t), t = settimeout(w, 300) }, !1), x.addeventlistener(pageshow, function(b) { b.persisted && (cleartimeout(t), t = settimeout(w, 300)) }, !1), complete === s.readystate ? s.body.style.fontsize = 12 * v + px : s.addeventlistener(domcontentloaded, function() { s.body.style.fontsize = 12 * v + px }, !1), w()}(window);