當我在做一個H5的項目時,通過是flexible.js實現(xiàn)了rem自適應,但是我發(fā)現(xiàn)在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>