Safari上的table寬度問題

參考地址：http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari

最近，遇到一個問題：在iPhone手機上使用瀏覽器（Safari或chrome）打開一個用表格的網站，如果表格的字段太多，瀏覽器會自動將表格撐開，不會出現左右滾動條，這導致整個網頁的寬度改變，經過網上查找，終於找到了解決方法。

只需要在重設table的寬度即可：

table{
    width: 1px;
     min-width: 100%;
}

設置width爲比視口（在這種情況下爲iframe寬度）小的東西，然後覆蓋它，min-width: 100%以允許實際width: 100%的iOS Safari默認覆蓋