@Norum

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

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

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

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

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

4)а при width: 100vw норм. Вот как быть? в медиа запросах ставить только 100vw?
5f8ad8344e24b767836411.jpeg
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ответы на вопрос 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Потому что 100vh — это процент от высоты viewport (может ты имел в виду 100vw? Тогда уже от ширины), а width: 100% будет отсчитываться от ширины родительского блока. То есть обе величины отталкиваются от разных значений
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы