iPad上的iframe大小

Question

iPad上的iframe大小

我有一个HTML文件如下;

<table height="100%" cellspacing="0" cellpadding="0" border="0" width="646" class="data border">
            <tbody>
              <tr>
                <td valign="top" class="noPad">
                    <iframe height="100%" frameborder="0" width="100%" scrolling="no" name="studentFrame" src="delete2.html"></iframe>
                </td>
            </tr>
        </tbody>
</table>

Run Code Online (Sandbox Code Playgroud)

iframe页面delete2.html有一个宽度= 846的表,即它大于包含的td宽度

因此,这仅显示页面加载和静止滚动上的iframe内容的大约646宽度.

但是在iPad上,显示了完整的846像素的iframe内容,它看起来像是在桌子宽度之外流动了......所以它看起来很破碎......

我该如何解决这个问题？

Answer 1

Cob*_*eDW 15

从Safari iOS 4.2.1开始,到4.3.3为止,强制显示iFrame的全部内容.如果您的iFrame内容与外部页面位于同一安全沙箱中,则可以使用div标签包围iframe并使用它来进行滚动.

由于安全沙箱的限制,这个小提琴不起作用,但如果两个页面都有相同的域,它应该可以找到你:iPad iFrame单指滚动

这是一个痛苦的屁股,但它似乎是唯一的解决方案.一个``div style =' - webkit-overflow-scrolling:touch; 溢出:auto;'>`包含`<iframe width ='100%'height ='100%'></iframe>`以一种相当无望的方式修复问题 - 也就是说,你没有看到滚动条来指示屏幕外可能有更多内容. (3认同)

Answer 2

小智 9

只需scrolling="no"输入iframe标签即可.请注意,你仍然需要对滚动做一些事情,正如@CobaltBlue所说.

归档时间：	14 年，5 月前
查看次数：	23325 次
最近记录：	10 年，11 月前