flexible的用法

flexible.js直接引入页面中，用谷歌浏览器模拟移动端会出现data-dpr="1"的情况

<!--解决：将-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<!--改成-->
<meta name="flexible" content="" />
<!--iphone会显示正常，但是模拟安卓时就会显示不正常-->
<!-- 将flexible.js中兼容ios(下面注释)的代码替换成下面(下面未注释)的代码-->

  //   if (!dpr && !scale) {
   
  //     var isAndroid = win.navigator.appVersion.match(/android/gi);
  //     var isIPhone = win.navigator.appVersion.match(/iphone/gi);
  //     var devicePixelRatio = win.devicePixelRatio;
  //     if (isIPhone) {
   
  //       // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
  //       if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
   
  //         dpr = 3;
  //       } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
   
  //         dpr = 2;
  //       } else {
   
  //         dpr = 1;
  //       }
  //     } else {
   
  //       // 其他设备下，仍旧使用1倍的方案
  //       dpr = 1;
  //     }
  //     scale = 1 / dpr;
  //   }
  //   docEl.setAttribute("data-dpr", dpr);
  //   if (!metaEl) {<