KKOOLL
@KKOOLL
full stack-developer

Почему выдаёт высоту 0?

background: url("../img/new_img/item.png");
    background-repeat: no-repeat;
    background-size:100% , auto, cover;
    width: 100%;


суть такая, мне нужно чтобы изображение по ширине было 100%, а высота автоматом подгонялась, помогите пожалуйста
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
KKOOLL
@KKOOLL Автор вопроса
full stack-developer
в общем, решил вопрос таким образом. Взял ширину (экрана) за переменную и сделал вот так
:root{
--width-window: 100vw;
}
код блока :
background: url('../img/new_img/item.png');
background-size:100% auto, cover;
height: calc(var(--width-window)/4.7);
где 4.7 - результат деления ширины на высоту
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@imandrey
background-size:100% auto;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы