（響應）桌面寬度不適合ios Safari瀏覽器內iframe的容器

Question

我有一個在iPhone Safari瀏覽器內部iframe內渲染表格的問題。 這裏是例子： http://jsfiddle.net/qb86ojms/

如果您在桌面瀏覽器（使用更小的尺寸）或Android鉻運行它，它工作得很好。該表不會超過其容器。 但是，在iPhone上，它無法正常工作。

P.S.創建這個響應表的方式只是我在谷歌上找到的一個例子。我使用這個只是因爲我更容易展示我遇到的問題。我實際上使用引導響應表。事實上，iPhone上都不行。因此，我認爲桌子如何響應並不重要。問題應該更多地關於如何強制表寬度達到100％以匹配容器的寬度。

東西我試圖但不工作：

1.

table{ 
    table-layout: fixed; 
} 

附加溢出：隱藏到表中。

在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