rem与@media 的优缺点

　　首先: 如果我们在做单独移动端网站或者app的时候我建议使用 rem ;

他能让我们在手机各个机型的适配方面；大大减少我们代码的重复性，是我们的代码更兼容。

下面两个图一个调试在常用的机型 iPhone6 宽度是375*667 （一般的手页面的原型图为 750* ...) 另一个是我们最常出现问题的机型 iPhone5 因为是小机型所以比较容易出问题（错位！！！！）。

这是我使用 rem 作为单位；通过js读取屏幕的宽度以原型图宽度为标准；进行整个页面的font-size 设置；

(function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth >= 750) {//大于750 按750算
                        docEl.style.fontSize = '100px';
                    } else {//小于750的按百分比缩减
                        docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                    }
                };