Почему проваливается картинка при задании в vh и %?

Question

[Norum]

https://jsfiddle.net/Norum87/xfnzqv0u/

1)почему когда я у .img задаю width: 100vh тумбочка проваливается в изображении?


2)а когда в процентах width: 100%, то все норм?


3)но если оставить в процентах, то тогда картинка обрезается на маленьком разрешении


4)а при width: 100vw норм. Вот как быть? в медиа запросах ставить только 100vw?

Comments

[Максим]

я же на stackoverflow показывал ссылку с sidebar + slider - не помогло понять ? если хочешь давай в anydesk - посмотрю и помогу ...?

[Norum]

Много Чего, давай. Через энидеск как это сделать?

[Максим]

Norum, сначала скачай его - там можно не устанавливать - просто запустить - потом на почту [e-mail] напишешь логин - к тебе придёт запрос - согласишься и всё ..если не устроит просто выключишь меня и всё

[Norum]

Много Чего, ок

Answer 1

[Никита Михайлов]

Потому что 100vh — это процент от высоты viewport (может ты имел в виду 100vw? Тогда уже от ширины), а width: 100% будет отсчитываться от ширины родительского блока. То есть обе величины отталкиваются от разных значений