用iframe打开一个网页，iphone上不能适应屏幕！急

wex5NX

用iframe打开一个网页，这个被打开的网页在android真机和iphone上的safari打开都正常，说明页面样式是没有问题的，就是在iphone真机上打开就很大，不能适应屏幕！被打开的页面地址（http://www.zc36524.com/mobile/）。该怎么破

liangyongfei

截图看看！具体是哪儿不能 自适应呢？？
这个网址看上去并不是X5 开发的对吗？？
如果想打包app的话！直接模式4打包！指定网址即可，不需要使用iframe 的！

xfol

模式4打包能使用底部菜单栏吗

liangyongfei

xfol 发表于 2017-7-4 19:27
模式4打包能使用底部菜单栏吗

底部菜单栏！需要你的网页自己实现！
模式4打包！网页是怎样的！显示就是怎样的！
模式4打包和浏览器直接访问  原理  是一样的！

wex5NX

用wex5开发了一部分。在某个功能下需要打开以个网页，这个时候就用iframe打开，问题在打开后看到的想的是打开看以个pc端网页一样很大，以至于只看到正个网页的一个小块，其余的需要向拖动地图一样才能看到。在android真机上测试没问题，就是在iphone真机上测试的时候不行。另外，这个要打开的网页地址单独用iphong中的浏览器打开也是正常的。改怎么解决？还有别的方式可以打开吗？没问题的

liangyongfei

wex5NX 发表于 2017-7-5 11:38
用wex5开发了一部分。在某个功能下需要打开以个网页，这个时候就用iframe打开，问题在打开后看到的想的是打 ...

参考下：
http://docs.wex5.com/wex5-ui-question-list-2182

好像iPhone 对于 iframe 支持默认确实有问题！

wex5NX

还有别的解决办法没有？

liangyongfei

wex5NX 发表于 2017-7-6 10:33
还有别的解决办法没有？

你可以上网搜下原因 ！ 有些iPhone 使用iframe确实有问题！你需搜下解决方法！
我这里就整理了这一个！

wex5NX

按照热心段友的提示，已经解决分享出来：

//js中
var ifram = this.getElementByXid('iframe');
  if (navigator.userAgent.match(/iPad|iPhone/i)) {
  var cntent = this.getElementByXid("contents1");
  cntent.style.width = 100 + '%';
  cntent.style.overflowX = 'hidden';
  cntent.style.overflowY = 'scroll';
                                          cntent.style.webkitOverflowScrolling = 'touch';
        ifram.setAttribute('scrolling', 'no');
        cntent.appendChild(ifram)
}
ifram.src=url;

//标签中设置

  <iframe xid="iframe" width="100%" height="100%" style=" border: 0; width: 1px;min-width: 100%;*width: 100%;"/>