html{font-size:100px}

一般就是75把，你可以看看這個還有這個

一般是除以10了 也就是75

按照750設(shè)計稿來設(shè)置html根字體大小

(function (n, e) {
    var t = n.documentElement, i = "orientationchange" in window ? "orientationchange" : "resize", d = function () {
        var n = t.clientWidth;
        n && (t.style.fontSize = n / 7.5 + "px")
    };
    n.addEventListener && (e.addEventListener(i, d, !1), n.addEventListener("DOMContentLoaded", d, !1))
})(document, window);

換算：

rem轉(zhuǎn)px
1rem=100px

px轉(zhuǎn)rem
設(shè)計稿 750px = 750/100=7.5rem
      100px = 100/100 = 1rem

字體設(shè)置rem會引起發(fā)虛效果，如果沒特別要求可使用rem,如果要設(shè)置px的換
使用媒體查詢，單獨(dú)設(shè)置字體

@media screen and (max-width: 375px) {
    div{
        font-size:11px;
    }
}
@media screen and (max-width: 414px) {
    div{
        font-size:13px;
    }
}

設(shè)計稿是設(shè)計稿，關(guān)鍵是看你的設(shè)計稿是按照那中設(shè)備的哪種型號來設(shè)計的，然后根據(jù)這款手機(jī)的效果來做適配其它各種手機(jī)的效果，現(xiàn)在主流的有兩種一種是使用媒體查詢，@media，另外一種是使用淘寶出的flexible，手淘參考鏈接：現(xiàn)在一般都用這個，操作簡單，但是這個有點(diǎn)問題就是對于局部的效果處理不好。前面的媒體查詢這種操作比較麻煩，但對局部效果處理很好（像凡客，京東等就是這樣處理的）。總的來說這兩種方案使用的都很多。