先说明下环境。
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里面可以正常显示,但是安装到手机上就不行了。