关于移动端布局不兼容ipad和ipad pro 解决方法

关于移动端布局不兼容ipad和ipad pro 解决方法
我用移动端布局使用的是淘宝的flex.js来兼容不同的手机屏幕，但是我发现他是不兼容ipad的。于是我通过百度找到了解决办法

/(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标签里就可实现兼容ipad 和ipad pro

此方法适用于谷歌浏览器手机、平板端预览、真机测试的话需要微调，尤其是安卓手机。