iOS 中 h5 页面 iframe 页面样式莫名变大

Question

简单的插入 <iframe /> 并设置宽高后，发现在 Android 手机浏览器上打开可以正常运行，但是在 iOS 手机上会有 iframe 页面样式莫名变大

<div class="common-page about-us-page" id="about-us-page">
    <iframe id="zhx-iframe" frameborder="0"  src="https://m.zbjsaas.com/zhouse"></iframe>
</div>

解决方案：
<iframe scrolling='no' /> 页面正常但是这种方法会导致 iframe 中的 content 显示不全，超出 iframe 高度的部分会直接被裁剪掉。

暂时找不到其他解决方法
目前 document.getElementById('zhx-iframe') 打印出来是空

document.getElementById('zhx-iframe').onload = function(){    var doc = document.getElementById('zhx-iframe').contentDocument;        
}

如图：