Size: a a a

Nuxt.js — русскоговорящее сообщество

2019 December 16

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Модель отображения ребёнка никак не влияет на его высоту
В смысле? В display flex'ом не работает 100% высота, известная проблема)
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
В смысле? В display flex'ом не работает 100% высота, известная проблема)
Ничего подобного
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Размеры зависят от детей флекса
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Ничего подобного
А вы пробовали? 🙂
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Но флекс контейнеру ничто не мешает иметь высоту 100% от родителя
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
А вы пробовали? 🙂
Вы лучше пример свой кодом скиньте, чем задавать мета вопросы :)
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Самый простой пример:

body {
 min-height: 100%;
}
.container {
 display: flex;
 height: 100%;
 background: lightblue;
}
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Который не работает
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Так у вас у body нет высоты
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
min-height это не высота
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
А граница
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Да даже с просто height не рабоает
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Если вы height у body и html выставите в 100% всё заработает
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Но обычно для этого обходятся 100vh на контейнере
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Но обычно для этого обходятся 100vh на контейнере
Я встретился с проблемкой из-за vh)
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Но обычно для этого обходятся 100vh на контейнере
вот такой вариант мне что-то не нравится.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
вот такой вариант мне что-то не нравится.
Как по мне лучше чем 3 раза писать height: 100%
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
На маленьких экранах верхняя часть контейнера улетает хер пойми куда
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Но я вообще не использую числа если надо построить размеры от вьюпорта
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Как по мне лучше чем 3 раза писать height: 100%
проблема в том, что 100vh != 100%
источник