Question

我有一个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>

iframe页面delete2.html有一个宽度= 846的表，即它超过包含的td宽度

因此，这仅显示页面加载和休息滚动时iframe内容的646宽度。

但是在iPad上，显示了完整的846像素的iframe内容，并且它看起来像是在桌子宽度之外流动了......所以它看起来已经坏了......

如何解决此问题？

Answer 1

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

由于安全沙箱限制，这个小提琴不起作用，但如果两个页面具有相同的域，它应该可以找到你：iPad iFrame single finger scrolling

Answer 2

只需将scrolling="no"放入iframe标记即可。请注意，你仍然需要对滚动做一些事情，正如@CobaltBlue所说。

iPad上的iframe大小

2 个答案: