当我在做一个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>