Window.onload=function (x) {if (' AddEventListener ' in document) {Document.addeventlistener (' domcontentloaded ', function () {}, false);}; function W () {var a=r.getboundingclientrect () .width;a>750&& (a=750*v), X.rem=a/15,r.style.fontsize=x.rem + "px"}var v,u,t,s=x.document,r=s.documentelement,q=s.queryselector (' meta[name= "viewport"] "), P=s.queryselector (' Meta[name= "Flexible"), if (q) {var o=q.getattribute ("Content"). Match (/initial\-scale= (["']?) ([\d\.] +) \1?/);o&& (U=parsefloat (o[2]), V=parseint (1/u))}else{if (p) {var o=p.getattribute ("Content"). Match (/ Initial\-dpr= (["']?) ([\d\.] +) \1?/);o&& (V=parsefloat (o[2]), U=parsefloat ((1). toFixed (2)))}}if (!v&&!u) {var n= ( X.navigator.appversion.match (/android/gi), X.navigator.appversion.match (/iphone/gi)), v=x.devicePixelRatio;v=n?v >=3?3:v>=2?2:1:1,u=1/v}if (R.setattribute ("DATA-DPR", V),!q) {if (Q=s.createelement ("meta"), Q.setattribute (" Name "," viewport "), Q.setattribute (" content "," initial-scale= "+u+", maximum-scale= "+u+", Minimum-scaLe= "+u+", User-scalable=no "), R.firstelementchild) {r.firstelementchild.appendchild (q)}else{var m=s.createElement ( "Div"); M.appendchild (q), S.write (m.innerhtml)}}x.dpr=v,x.addeventlistener ("Resize", function () {cleartimeout (t), t =settimeout (w,300)},!1), X.addeventlistener ("Pageshow", function (b) {b.persisted&& (Cleartimeout (t), t= SetTimeout (w,300))},!1), "complete" ===s.readystate?s.body.style.fontsize=12*v+ "px": S.addeventlistener (" Domcontentloaded ", function () {s.body.style.fontsize=12*v+" px "},!1), W ()} (window);
Put the above code into JS, then set the font rem, in the screen width of 750px, the font will be reduced according to the screen,
Responsive fonts (JS-controlled)