Ярослав
Искусственный Интеллект
(107821)
3 года назад
Достаточно сверстать хедер (вообще это hero, но пусть будет хедер) респонсивно. То есть, медиа-запросы в данном случае не нужны, лишь бы блок тянулся - и само изображение допускает кадрирование без потери смысла, поэтому я бы просто использовал background-size:cover.
Найти вводную инфу по отзывчивой верстке легко - по запросу 'отзывчивая|резиновая верстка'. Эта инфа будет включать также и разные способы указания размеров фоновых изображений (%, cover, contain, всяфигня).
А пропорции сохраняются по-умолчанию... и в случае фона, и в случае img - если верстальщик сам не сломает это дефолтное поведение.
AlexГуру (3839)
3 года назад
Респонсив не получается, можно подробнее какие свойства указывать..
И как знать что на больших экранах картинка увеличится?
А эта картинка просто как фон, или слайдер или видео?
У меня моник разрешением 1366х768, скачал шаблон для практики и там картинка в heder шириной 1800рх. Худо бедно я ее подогнал под свой моник, а как я могу знать точно, что она на широких экранах будет показана на всю ширину?
Я задаю основному контейнеру ширину этой картинки, правильно 1800рх ?
Как сделать чтоб без медиа-запросов она сужалась пропорционально?
И вобще не понятно по макету это должно быть фоновым изображением или через img src его ставить?
По макету вроде это должно быть видео на первый блок, не?
Макет прикрепил