Safari上的table宽度问题

来源:互联网 发布:双翼软件 编辑:程序博客网 时间:2024/05/16 14:08

参考地址: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默认覆盖

0 0
原创粉丝点击