Задать вопрос
@karmyskove
html

Как сделать высоту блока адаптивной?

Всем привет! Есть пример: https://codepen.io/EugeneKarmyshkov/pen/qBmeddP
Как можно сделать высоту такого блока адаптивной?
Проценты не работают, относительные величины vh, vw не корректно сжимают высоту блока.
  • Вопрос задан
  • 67 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
@inFureal
Так у тебя div находится внутри body, и когда ты задаешь процентную величину, то браузер ориентируется на родителя. А у body всегда минимально в размер экрана, максимально в размер контента.
Чем не устроил vh? Vh - viewport height, что берет процентное значение от текущего размера окна. Убери margin у body и будет корректно отображать
Ответ написан
Комментировать
Комментировать
@andand44
Адаптивной это значит на всю высоту экрана? vh прекрасно работает
https://codepen.io/andand44/pen/RwVXBBW
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отправка trc20 через API
26 нояб. 2024, в 15:42
30000 руб./за проект
Настроить Google аналитику на сайт
26 нояб. 2024, в 15:28
1 руб./за проект
Создать в формате PLT изображение для режущего плоттера на основе Docx
26 нояб. 2024, в 15:14
1000 руб./за проект
Ещё заказы