定义最大宽度时，在safari中获取实际桌面宽度

Question

我正在使用bootstrap，它为.table元素提供以下样式：

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

如果我将该表放入一个宽度不足以容纳表内容的容器中，该表将忽略其最大宽度并使其比容器更宽。

问题是 safari无法正确报告该表的宽度。它报告它好像是100％的容器。

在chrome上打开它，然后在safari上打开： http://jsfiddle.net/6nfotj8j/2/

如何让jquery给我正确的表格宽度而不删除max-width？

（旁注 - 这段代码将进入jquery插件，所以id喜欢尽可能少地改变/假设底层DOM）

修改
只影响safari版本7，按预期工作在5

Answer 1

在safari中使用检查器你可以看到它实际上~523px（添加了边框）和你的小提琴打印~522px这很好（边框没有计算 - 更改为outerWidth()以包括边框+填充+边距）。< / p>

在Chrome中 - 脚本输出~516px和检查器~518px，再次正确（边框再次丢失）。

区别在于表格如何在两种不同的浏览器中呈现 - 字体，换行符......

这里没问题（在FF，IE中测试过），你得到了正确的桌子实际宽度。