定義最大寬度時，在野生動物園中獲取實際的表寬度

Question

我正在使用引導程序，它為.table元素提供以下樣式：

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

如果我將該表放入一個寬度不足以容納表內容的容器中，則該表將忽略其最大寬度，並使其比容器寬。

問題是， Safari無法正確報告該表的寬度 。 它報告它好像是容器的100％。

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

如何在不刪除max-width 情況下讓jquery給我正確的表max-width ？

（旁注-此代碼將放入jquery插件中，因此id希望盡可能少地更改/假定有關底層DOM的信息）

編輯
僅影響Safari版本7，按預期在5中運行

Answer 1

在野生動物園中使用檢查器，您實際上可以看到它的〜523px（添加了邊界），並且您的小提琴可以打印〜522px，這很好（未計算邊界-更改為outerWidth()以包括邊框+填充+邊距）。

在Chrome中-腳本輸出〜516px，檢查器輸出〜518px，再次正確（邊界再次丟失）。

區別在於表格在兩種不同瀏覽器中的呈現方式-字體，換行符等...

沒問題（在FF，IE中也經過測試），您將獲得正確的表格實際寬度。