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

Question

我在 iPhone 的 safari 上的 iframe 内呈现表格时遇到问题。 这是示例： http://jsfiddle.net/qb86ojms/

如果您在桌面浏览器（较小的尺寸）或 android chrome 上运行它，它运行良好。该表不会超出其容器。 但是，在 iphone 上，它不能正常工作。

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

我尝试过但不起作用的方法：

1.

table{
     table-layout: fixed;
}

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 上使用。