（响应）表格宽度不适合ios safari中iframe内的容器

Question

我在iPhone的游戏中有一个在iframe中渲染表的问题。 这是一个例子： http://jsfiddle.net/qb86ojms/

如果你在桌面浏览器（尺寸较小）或android chrome上运行它，它运行良好。该表不会超过其容器。 但是，在iPhone上，它无法正常工作。

P.S。创建此响应表的方法只是我在谷歌上找到的一个例子。我使用它只是因为我更容易显示我遇到的问题。我实际上使用bootstrap响应表。事实上，这两种方式都不适用于iPhone。因此，我认为表的响应性并不重要。问题应该更多地是关于如何将表格宽度强制为100％以匹配容器的宽度。

我尝试但不起作用的东西：

1

view3.extend(view1.prototype);
view3.extend(view2.prototype);

1. 添加溢出：隐藏到表格中。

2. 在iframe完成加载后将表格宽度调整为100％。

Answer 1

根据这篇文章How to get an IFrame to be responsive in iOS Safari?

我添加到样式表

iframe {
   width: 1px;
    min-width: 100%;
    *width: 100%;
}

它现在适用于我的iPhone 5.