关于移动端flexible适配ipad和ipad Pro

当我在做一个H5的项目时，通过是flexible.js实现了rem自适应，但是我发现在iPad和iPad Pro中显示有问题，由此记录下解决这个问题的方法

解决移动端flexible适配ipad和ipad Pro

因为我的项目是使用的vue-cli框架，所以直接在inedx.html中加入如下代码即可

<script>
    // 适配pad padPro
    /(pad|pod|iPad|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>