Картинка выходит за рамки блока (HTML, CSS)
Попросили помочь с сайтом, не могу разобраться в чём проблема. Есть первая фоновая картинка на сайте vellmaxx.com и она не подходит под размер блока. До её замены всё было норм, а сейчас даже старое фото не подходит, хотя кроме пути к файлу ничего не менялось. Принудительное изменение размера не подошло, применение стилей и игнорирование css тоже. Подскажите, в чём тут загвоздка?
Ответы (1 шт):
Автор решения: Zhihar
→ Ссылка
есть я правильно понял вопрос, то надо
- добавить блоку
imgсвойстваmax-width: 100%ну или сколько оно там должно быть с учётом отступов
https://www.tutorialrepublic.com/codelab.php?topic=faq&file=css-auto-resize-an-image-proportionally
- чтобы картинка корректно входила в некоторый блок можно использовать стиль
object-fit
https://developer.mozilla.org/ru/docs/Web/CSS/object-fit
- как вариант - картинку можно сделать задним фоном блока и применить стиль
background-size