问题描述
原生app端嵌入h5页面,h5页面调用外链跳转到某个外链页面,出现不适配的情况,当时的场景是安卓端正常,IOS端不适配。
解决过程
1、安卓端正常,IOS端不适配,兼容性问题?
尝试在手机浏览器和微信端访问,都正常。
2、那么外链页面样式结构会不会有问题?
对比正常显示的外链及不适配外链页面的样式,发现有些不同。不适配外链页面并没有设置 <meta name="viewport" content="width=device-width,initial-scale=1.0">,而是采用了其自身的一套适配方案。
3、那么其自身的适配方案是否和原本的造成冲突?
该外链是直接通过webview嵌入原生app的,询问IOS原生开发,发现有配置相关参数:
4、尝试去掉这个配置,能正常适配了
原生加上该配置是以防h5未配置,但实际h5都会配置,否则自己在谷歌运行查看效果也是不适配的
5、问题虽然解决了,但为何冲突有待深究。