自适应
(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) //高度自适应 √