Изображение с максимальной шириной в% выводится в пикселях в Firefox.Работает в Chrome

Question

Трудно дать этой проблеме простое название, но я надеюсь, что кто-то может мне помочь. Пожалуйста, посмотрите на этот jsfiddle - http://jsfiddle.net/mrmartineau/AaeJY/ - как в Firefox, так и в Chrome.Изображение имеет стиль max-width: 80%, что должно сделать его плавным, но я обнаружил ошибку в Firefox, которая регистрирует значение максимальной ширины в пикселях, а не правильный процент.

Теперь я обнаружил этопри попытке получить значение максимальной ширины с помощью jQuery: $('img').css('maxWidth');

Это ошибка или правильный результат?Есть ли что-то еще, что я могу сделать, чтобы получить реальное значение максимальной ширины, используя jQuery?

Answer 1

Я думаю, что все зависит от того, как jQuery смотрит на свойство max-width.

Если вы используете getComputedStyle в Javascript, он должен вернуть вам значение пикселей, за исключением ошибки в Chrome и IE, использующей совершенно другой вызов Javascript . Другими словами, получение пикселей - это ожидаемый результат.

Если вы хотите получить результат после его изменения, попробуйте заключить этот вызов в onWindowResize.