(响应式)表格宽度不适合 iOS Safari 上 iframe 内的容器

Question

我在iPhone的野生动物园里渲染iframe时遇到了问题。下面是示例：http://jsfiddle.net/qb86ojms/

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

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

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

1.

table{
     table-layout: fixed;
}

2. 将溢出：隐藏添加到表中。

3. 在 iframe 完成加载后，将表格宽度调整为 100%。

Answer 1

基于这篇文章，如何让 IFrame 在 iOS Safari 中响应？

我添加到样式表中

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

它现在可以在我的iPhone 5上运行。