Как избежать обрезания фона при появлении скролла?

Question

[GreenMan1899]

Пример
Есть враппер, которому задан фон, внутри которого флексбокс с контентом. Контент может быть разной высоты. Надо чтобы когда контент влезал в экран, то оставался по центру, а при появлении скролла - чтобы не обрезался фон.

Сейчас контент - это квадрат 400на400. Но если сделать высоту допустим 1000, то фон обрезается.

Answer 1

[Павел]

.wr {
  height: 100%;
  background-color: tomato;
  min-height:100vw;
}

Comments

[GreenMan1899]

пропадает центрирвоание

Answer 2

[iBird Rose]

в медиа запросах убирай height: 100%; когда экран маленький.

Comments

[GreenMan1899]

у меня на маленьких экранах может быть и большой и маленьких контент, так что не вариант

[iBird Rose]

GreenMan1899: ты понимаешь что ты задавая height: 100% ограничиваешь окно на размер window. а тебе нужно чтобы и body и остальные внутри не ограничивалось по высоте.