app端调用外链样式不适配问题解决思路

问题描述

原生app端嵌入h5页面，h5页面调用外链跳转到某个外链页面，出现不适配的情况，当时的场景是安卓端正常，IOS端不适配。

解决过程

1、安卓端正常，IOS端不适配，兼容性问题？
尝试在手机浏览器和微信端访问，都正常。

2、那么外链页面样式结构会不会有问题？
对比正常显示的外链及不适配外链页面的样式，发现有些不同。不适配外链页面并没有设置 <meta name="viewport" content="width=device-width,initial-scale=1.0">，而是采用了其自身的一套适配方案。

image.png

3、那么其自身的适配方案是否和原本的造成冲突？
该外链是直接通过webview嵌入原生app的，询问IOS原生开发，发现有配置相关参数：

image.png

4、尝试去掉这个配置，能正常适配了
原生加上该配置是以防h5未配置，但实际h5都会配置，否则自己在谷歌运行查看效果也是不适配的

5、问题虽然解决了，但为何冲突有待深究。