http://dudodo.cc/2017/06/01/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94%E8%A7%A3%E5%86%B3%E6%96%B9% e6%a1%88/#more Design 640640px = 6.4rem100px = 1rem10px = 0.1rem1px = 0.01rem (function (doc, win) { var docel = doc.documentelement,RESIZEEVT =' Orientationchange ' in window? ' orientationchange ': ' resize ', Designsize =640 var Recalc = function () { var clientwidth = docel.clientwidth,ClientHeight = Docel.clientheight;if (!clientwidth) return; if (clientwidth >= designsize) {DocEl.style.fontSize = (Designsize/+ (Clientwidth/clientheight * ) + ' px ' }else {DocEl.style.fontSize =* (clientwidth/designsize) + ' px '; }}if (!doc.addeventlistener) return; Win.addeventlistener (Resizeevt, Recalc,false);Doc.addeventlistener (' domcontentloaded ', Recalc, false); })(document, window) @Media only screen and (min-width:481px) { HTML {font-size: 94%!important/ * 15.04÷16=94% * /}} @Media only screen and (min-width:561px) { HTML {font-size: 109%!important/ * 17.44÷16=109% * /}} @Media only screen and (min-width:641px) { HTML {font-size: 125%!important/ * 20÷16=125% * /}Body {max-width: 640px }}Body {font-size:12px; font-size:1.2rem; / * 12÷10=1.2 * /font-family: "Helvetica Neue", Helvetica, Stheiti, Sans-serif; Background-color: #ddd; min-width: 320px; margin: 0 auto; position:relative}
Mobile-Adaptive Solutions
