Size: a a a

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

2019 December 16

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Я просто флекс вешаю
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Можете сделать ваш контейнер распоркой просто
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
.container { min-height: 100vh; display: flex; flex-direction: column; }
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
У дочернего элемента указать flex: 1
источник

VM

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

VM

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

SL

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

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
У ребёнка margin: auto и готово
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
У ребёнка margin: auto и готово
Ну да, а тогда он просто к краю верхнему прилипает, без отступов
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Я уже игрался с марджинами, ничего не помогает при использовании 100vh
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Оберните ещё в один элемент
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
И будет вам отступ
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Оберните ещё в один элемент
И так тоже пробовал, тогда нижняя контейнера скрывается, но при этом контейнер не скролится
источник

VM

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

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Давайте на jsfiddle или куда-нибудь
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
Сейчас покажу
Отступ указан как margin: 1rem, сверху все гуд, но снизу вот такая хрень)
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
И при этом не скролится)
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
По скриншотам гадать это классно, но я предлагаю куда-нибудь базовый пример выложить, не обязательно всё полностью, только чтобы проблема воспроизводилась
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
По скриншотам гадать это классно, но я предлагаю куда-нибудь базовый пример выложить, не обязательно всё полностью, только чтобы проблема воспроизводилась
Сейчас попробуем)
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
По скриншотам гадать это классно, но я предлагаю куда-нибудь базовый пример выложить, не обязательно всё полностью, только чтобы проблема воспроизводилась
Короче я понял в чем ошибся. Спасибо за способ, теперь все гуд)
источник