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

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

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

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

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

1.

table{
     table-layout: fixed;
}

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

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

基于这篇文章，如何让 IFrame 在 iOS Safari 中响应？ https://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari

我添加到样式表中

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

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