Автоматическое масштабирование картинок

В Chrome работает, в Firefox не хочет ((

Что-то я мозг сломал себе уже, у меня даже jquery сломался 🤣 Сдаюсь, извините, жалко время терять :)

Спасибо за потраченное время)

	var imgs = new Image();

	imgs.onload = function(){

		$('img').css({ 'max-width': this.width });

	}

	imgs.src = '/1.jpg';

Вроде бы работает, а массово никак не сделать (ко всем картинкам с разными названиями и расширениями)?

Полный код дайте. Вам все правильно сказали в самом начале - max-width: 100% для картинки. Картинка будет уменьшаться и растягиваться до своей максимальной ширины. Если не получается - значит какие-то стили перебивают. jQuery то здесь зачем?

Поставил FF 39.0 - ok

Предположу, что перекрывается img выше стилями.

width: auto; max-width: 100%

так у меня работает, а я себе мозг сломал с javascript 🤪

P.S. Пора в отпуск :)

lospirata,

img {
max-width: 100%;
}

должно же так работать

Проверил, ничего не перекрывает.

В CSS:

body {min-width: 1024px;}
p {margin: 16px 0;}
img {width: auto; height: auto; max-width: 100%; border: 0px;}

На странице:

<img src="/img/1.jpg" />

Firefox 39, Opera 12.17, IE 10 - не работает.

Chrome 43, Safari 5.1.7 - все хорошо.

Щас сделаю тестовую страницу.