利用flexible. js 动态 rem适配 , 持续记录踩坑

- 可能与自带meta冲突 , 删除

- head标签尾部引入 

1. 添加以下代码解决不适配 ipad 等

 <script>
      // 用于适配ipad以及ipad pro
      ;/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent) &&
        ((head = document.getElementsByTagName('head')),
        (viewport = document.createElement('meta')),
        (viewport.name = 'viewport'),
        (viewport.content =
          'target-densitydpi=device-dpi, width=480px, user-scalable=no'),
        head.length > 0 && head[head.length - 1].appendChild(viewport))
    </script>

一直踩坑 , 持续更新 ...