Вопрос по верстке, как сделать подстраивание по высоте?


km_
109
Всем привет, вот сайт https://clck.ru/NvAW9

Сверху сайта, для разрешения менее 700px свой баннер background-image в блоке section-1

Вопрос, как сделать так, что-бы при изменении ширины сайта, баннер был видимый на 100% и подстраивался по высоте исходя из ширины?
т.е. сейчас высота фиксирована и при уменьшении ширины, часть картинки режется.

Если сделать height:100%, то блок пропадает, приобретая высоту 0px


skapunker

hight:auto

вот и вся наука


km_
skapunker #:

hight:auto

вот и вся наука

Пропадает тогда блок, точнее высота 0px


lutskboy
background-position: top;
    background-size: contain;
    background-repeat: no-repeat;

skapunker
km_ #:

Пропадает тогда блок, точнее высота 0px

тогда открой учебник по верстке


ArbNet

В секции section-1 вставьте 

<img src="/wp-content/uploads/2020/12/ng2020planjpg.jpg" width="100%">

а стили height: 700px, картинку в бэкграунд уберите


sergv
skapunker #:
hight:auto

height


km_
ArbNet #:

В секции section-1 вставьте 

а стили height: 700px, картинку в бэкграунд уберите

Точно, большое спасибо за подсказку!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *