ios 上iframe宽度会长，无法自适应怎么办啊？

Question

在安卓上没问题，但是在苹果手机上就不行了。

Answer 1

之前遇到过这个问题，在安卓下没问题，在ios下，当iframe的父级宽度为100%时，iframe自适应的宽度是错的。

解决方法：
判断设备是否为ios，获取设备的可视区域宽度 documentElement.clientWidth，动态设置iframe父级元素的宽就可以了

代码如下：

//这段代码判断设备是否为ios时，在安卓下没有问题，iphone的浏览器和qq没有问题，不过在微信下是无法判断的。
/* var u = navigator.userAgent;
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
var clientWidth = documentElement.clientWidth;
if(isIOS) $('#parentId').width(clientWidth + 'px'); */

//为了更好的兼容，就不判断设备，直接动态获取宽度
var clientWidth = documentElement.clientWidth;
$('#parentId').width(clientWidth + 'px');