2015-01-21 42 views
0

我使用的引导和它给.table元以下样式:获取在Safari真正的表宽度最大宽度是指当

width:100%; 
max-width:100%; 

如果我把表放入容器它不够宽,以适应该表的内容,该表将忽略其最大宽度并渲染比容器更宽。

问题是,safari没有正确报告该表的宽度为。它报告它好像它是容器的100%。这对铬,然后在Safari上

公开赛: http://jsfiddle.net/6nfotj8j/2/

我怎样才能jQuery来给我表的正确宽度不去除max-width

(边注 - 此代码将进入一个jQuery插件,所以ID想更改/承担尽可能少的关于底层DOM)

编辑
只影响野生动物园7版,工作原理预计在5

safari reports width as 48!

回答

0

使用Safari中的检查,你可以看到它的实际〜523px(加边框)和你的小提琴打印〜522px这是很好的(边界不计算 - 更改为outerWidth()包括边框+填充+边距)。

在Chrome中 - 脚本输出〜516px和inspector〜518px,这是正确的(边框再次丢失)。

的区别是之间的表中两个不同的浏览器如何呈现 - 字体,换行符等等

没有问题这里(FF,IE也测试了),你得到了正确的实际宽度的表格。

+0

你可能没有safari 7,我不知道在我提问时指定了这个。你有什么版本? – mkoryak 2015-01-21 22:44:50