自适应


(function (win, doc) {
    var fres = function () {
        var html = doc.documentElement;   
        var w = html.clientWidth;
        w && (html.style.fontSize = 10 * (w / 375) + "px"); 
    }
    if (document.readyState === 'complete') {
        fres();
    } else {
        document.addEventListener('DOMContentLoaded', fres, false);
    }
    window.addEventListener('resize', fres, false);
})(window, document) //自适应 √

 高度始终全屏

function setHeight() {
            let wondowHeight = ($(window).height() - 30) / ((document.documentElement.clientWidth) / 375 * 10)
            let contentgridHeight = (wondowHeight - 0.9 ) / 2 + 'rem'
            $('.userInfo').css({ 'height': contentgridHeight })
            $('.numberInfo').css({ 'height': contentgridHeight })
            $('.weekData').css({ 'height': contentgridHeight })
            $('.missCall').css({ 'height': contentgridHeight })
            $('#chartmain').css({ 'height': contentgridHeight })
        }
        (function (win, doc) {
            var fres1 = function () {
                setHeight()
                echarts.init(document.getElementById('chartmain')).resize()
            }
            if (document.readyState === 'complete') {
                fres1();
            } else {
                document.addEventListener('DOMContentLoaded', fres1, false);
            }
            window.addEventListener('resize', fres1, false);
        })(window, document) //高度自适应 √
CSS