以百分比形式顯示的最大寬度圖像由Firefox以px格式輸出。在Chrome中工作

Question

很難給這個問題一個簡單的標題，但我希望有人可以幫助我..請看看這個jsfiddle - http://jsfiddle.net/mrmartineau/AaeJY/ - 在Chrome瀏覽器中都可以使用Chrome &。該圖像的樣式爲max-width: 80%，這應該使其流暢，但我發現Firefox中的一個錯誤，它以像素而不是正確的百分比記錄最大寬度值。

現在，我發現這一點的同時嘗試獲取使用jQuery的最大寬度值：$('img').css('maxWidth');

這是一個錯誤或正確的結果？有什麼我可以做，以獲得真正的最大寬度值使用jQuery？

Answer 1

我認爲這一切都取決於jQuery如何查找max-width屬性。

如果您在Javascript中使用getComputedStyle，它應該返回像素值，但完全不會調用bug in Chrome和IE using a different Javascript。換句話說，獲得像素是預期的結果。

如果您希望在更改後得到結果，請嘗試將該呼叫打包在onWindowResize中。