iOS设备下iframe宽度和高度无法自适应的问题

这个问题困扰了我几个星期,网上百度了各种方法,终于是解决了。

我是先判断了是iOS设备还是安卓设备

var click = device.mobile() ?'touchstart' :'click';

var u = navigator.userAgent;

var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端用的这个方法,然后在iOS下

iframe +='*width: 100%;width: 1px; min-width: 100%;" scrolling="no" ';这句话控制了自适应宽度,其实我也不明白为什么width前面要加*,为什么要有个1PX。但是有了这个,确实能生效。

也可以这么写: