2015-01-21 44 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