Как сделать, чтоб ширина картинки была адаптивной?

Question

[IDeletedI]

https://jsfiddle.net/IDeletedI/j17hwn6u/
Картинка занимает исходную ширину (1920px), из-за чего соседние блоки не растягиваются.
Обрезаться не должна.

Comments

[IDeletedI]

Можно использовать jQuery

[RAX7]

Вот так? https://jsfiddle.net/rqh93ctz/

[IDeletedI]

RAX7, Нет, img-wr просто занимает 1/3, так что остаются полосы. Картинка может быть любого размера. Нужно как https://jsfiddle.net/IDeletedI/j17hwn6u/ , но чтоб черный фон заполнили крайние блоки. Похоже, придется оставить так..

Answer 1

[Максим]

можно написать width:100% а поместить эту картинку в некий div и стилизовать уже этот самый div

Comments

[IDeletedI]

У меня во всех вариантах картинка обрезается, растягивается, или выходит за пределы div по высоте

Answer 2

[webmastergg]

использовать css min-width
замостыривать в background image..
просто 100% ширина

Answer 3

[IDeletedI]

Оказалось нужно height: 100% вместо max-height: 100%. Возможно баг. https://jsfiddle.net/IDeletedI/j17hwn6u/70/