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默认覆盖