IOSwebview页面，内嵌iframe元素，指定其样式为宽高100%：.iframe{width:100%;height:100%;}在Android下运行没有问题，在IOS下会出现异常。具体表现为iframe页面中的子元素一旦超出了原来的边界，只要能影响到html元素的宽高，iframe就会自动展开，即使html元素设置溢出：隐藏是没有用的。例如，body元素下的弹出层需要从下到上滑入该字段。弹出层的位置会导致HTML的高度发生变化，所以页面底部的tabbar会在弹出层的移动过程中消失然后重新出现。解决方法是使用特定的宽高值来锁定iframe元素：functiononLoadIFrame(index){//修复IOS下初始化轮播图时iframe宽度会自动扩大的问题if(this.ENV.isIOS){constiframe=this.$el.querySelector('#iframe'+index)iframe.style.width=iframe.clientWidth+'px'iframe.style.height=iframe.clientHeight+'px'}}
