问题描述

iframe标签适配苹果屏幕

   <div class="gameNav" id="gameNav">
      <iframe id="iframe"  src="https://www.baidu.com/index.php?tn=monline_3_dg" frameborder="0"></iframe>
  </div>

我加载网页的时候，iframe加载了一个链接，苹果手机屏幕适配有问题，安卓手机没问题。

解决方案

iOS对iframe支持有问题的
.demo-iframe-holder {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}

.demo-iframe-holder iframe {
height: 100%;
width: 100%;
}试一下