如何避免低分辨率下字體過(guò)大的問(wèn)題？

ie8也是可以支持響應(yīng)式的，可以使用一些插件做到比如respond.js
像這樣引入

<!--[if lt IE 9]>
      <script src="js/Respond.js"></script>
    <![endif]-->

但是這個(gè)插件不支持@import引入的css，也只能使用寬度查詢(xún)，不過(guò)一般是夠用的
另外跨域也需要也別設(shè)置這個(gè)文檔里有

可以試試 amfe-flexible：
https://github.com/amfe/lib-f...

在JS里面檢測(cè)userAgent瀏覽器的用戶(hù)代理，當(dāng)檢測(cè)到Ie8等瀏覽器時(shí)，改變style的字體大小

function cssSize() {
    var whdef = 100 / 1920;// 表示1920的設(shè)計(jì)圖,使用100PX的默認(rèn)值
    var wH = window.innerHeight;// 當(dāng)前窗口的高度
    var wW = window.innerWidth;// 當(dāng)前窗口的寬度
    var rem = wW * whdef;// 以默認(rèn)比例值乘以當(dāng)前窗口寬度,得到該寬度下的相應(yīng)FONT-SIZE值
    $('html').css('font-size', rem + "px");
    $(window).resize(function () {
        var whdef = 100 / 1920;// 表示1920的設(shè)計(jì)圖,使用100PX的默認(rèn)值
        var wH = window.innerHeight;// 當(dāng)前窗口的高度
        var wW = window.innerWidth;// 當(dāng)前窗口的寬度
        var rem = wW * whdef;// 以默認(rèn)比例值乘以當(dāng)前窗口寬度,得到該寬度下的相應(yīng)FONT-SIZE值
        $('html').css('font-size', rem + "px");
    });
}
cssSize();
12px的字體寫(xiě)成0.12rem，14px的字體寫(xiě)成0.14rem