Как исправить сжатие контейнера в браузере (не занимая свободного места)

Question

Я пытаюсь отобразить веб-страницу внутри моей домашней страницы.Предоставленная навигационная ссылка работает нормально, но страница не занимает доступное пространство.Она сжата до определенной высоты и находится внутри прокручиваемой области.

Я добавил высоту: -webkit-fill-available;и это сработало, и аналогичным образом добавил -moz для mozilla, но не похоже на настоящее исправление.Есть ли что-то, что я могу исправить, изменив условия flex?

Я использую следующий стиль

style={{ 
display: "flex", 
height:"100%", 
flexDirection: "column",
flex: "auto" 
}}

Ожидается: веб-страница должна отображаться завершенной, а не внутри контейнера со сжатымвысота

Answer 1

Я не знаю, решит ли это вашу проблему, но кажется, что вы используете flexbox, и в этом случае вы можете использовать align-items: stretch для растягивания элементов flex.