meta viewport和iframe中的meta冲突

先说明下环境。
android开发的app。java谢了个壳子，套了个浏览器放到app里面，再将html在浏览器中使用。

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    </head>
    <title>1111</title>
    <body>
    <div id="payonline_wrapper" class="wrapper">
        <div class="scroller">
            <div class="payonline" style="height:91%; overflow:hidden; " data-role="content">
            <iframe id='subIframe' width='100%' height='100%' frameborder='0' scrolling='yes' src="建行支付接口url"></iframe>
            </div>
        </div>
    </div>
    </body>
    </html>

建行支付页面html
![建行部分html](https://img-ask.csdn.net/upload/201504/23/1429776372_137418.png)
建行的meta的initial-scale，maximum-scale，minimum-scale为0.6
    <meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=0.6, minimum-scale=0.6, user-scalable=no" />

导致页面效果就成了
图片说明
我用js在这个页面把当前页面的meta改成和iframe里面的meta一致在chrome里面可以正常显示，但是安装到手机上就不行了。

哥们你搞定没 求助啊

我遇到同样的问题 已经解决 我的问题是父容器定的viewport是0.5 导致内部iframe缩小 为了还原 在iframe加样式
width: 50vw;
height: 50vh;
transform-origin: 0 0;
transform: scale(2);