（响应）桌面宽度不适合ios Safari浏览器内的iframe容器

我有一个在iPhone的Safari浏览器里面的iframe的渲染问题。 这里是例子： http : //jsfiddle.net/qb86ojms/

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

PS创build这个响应表的方式只是我在谷歌上find的一个例子。 我使用这个只是因为它更容易显示我遇到的问题。 我实际上使用引导响应表。 事实上，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上运行。