Как задать размеры картинки, чтобы она не выезжала за край браузера?
Всем привет!
Есть блок, кладу в него картинку.
Блок - прямоугольник вдоль.
Картинке в нём задаю высоту 100%, а ширину auto.
И всё хорошо, но, когда я начинаю сужать браузер и ширина блока становится меньше высоты, то картинка так же сохраняет свои размеры по высоте 100% и ширина уже ее вылазит за границы блока и растягивает браузер показывая в нём уже прокрутку понизу.
Как заставить подстраиваться под любые соотношения сторон не растягивая себя за границы?
Попробуй поменять width:100% и height:auto; Просто наверно картинка пытается сохранить пропорции? Если не получится, используй вместо картинки div с background.
Простой
