Javascript 定义最大宽度时,在safari中获取实际表格宽度

Javascript 定义最大宽度时,在safari中获取实际表格宽度,javascript,jquery,css,safari,Javascript,Jquery,Css,Safari,我使用的是bootstrap,它为.table元素提供了以下样式: width:100%; max-width:100%; 如果我将该表放入一个宽度不足以容纳该表内容的容器中,该表将忽略其最大宽度,并渲染为比容器宽 问题是safari没有正确报告该表的宽度。它会将其报告为容器的100% 在chrome上打开此文件,然后在safari上打开: 如何让jquery在不删除最大宽度的情况下为我提供正确的表宽度 (旁注-此代码将进入jquery插件,因此我希望对底层DOM进行尽可能少的更改/假设)

我使用的是bootstrap,它为
.table
元素提供了以下样式:

width:100%;
max-width:100%;
如果我将该表放入一个宽度不足以容纳该表内容的容器中,该表将忽略其最大宽度,并渲染为比容器宽

问题是safari没有正确报告该表的宽度。它会将其报告为容器的100%

在chrome上打开此文件,然后在safari上打开:

如何让jquery在不删除
最大宽度的情况下为我提供正确的表宽度

(旁注-此代码将进入jquery插件,因此我希望对底层DOM进行尽可能少的更改/假设)

编辑
仅影响safari版本7,如5中所预期的那样工作


在safari中使用inspector,您可以看到它的~523px(添加边框),您的小提琴可以打印~522px,这很好(边框未计算-更改为
outerWidth()
以包括边框+填充+边距)

在Chrome中,脚本输出~516px和~518px,同样正确(边框再次丢失)

区别在于表格在两种不同浏览器中的呈现方式-字体、换行符等


这里没有问题(在FF,IE中也进行了测试),您得到的是正确的表的实际宽度。

您可能没有safari 7,当我询问时,我不知道如何指定它。你们有什么版本?