Приложение "Размер экрана" в Angular - PullRequest
0 голосов
/ 07 мая 2018

Я пытаюсь создать приложение "размер экрана" в Angular. Общая высота приложения (включая заголовок, панели инструментов, «область содержимого» с выходами маршрутизатора и т. Д.) Должна соответствовать размеру экрана (100 Вч). т.е. нет прокрутки "html body".

Дочерние компоненты в области содержимого должны расширяться до нижней части экрана. другими словами, заполните высоту своего контейнера (область содержимого).

Каков наилучший подход для достижения этой цели?

Самое близкое, что у меня было, это добавить следующее в файл styles.css:

app-root {
    display: block;
    height: 100vh;
}

но установка некоторых внутри компонента на {height: 100%}, похоже, не заставляет его расширяться до нижней части экрана.

1 Ответ

0 голосов
/ 07 мая 2018

для этого у вас есть родительский div, который будет иметь высоту 100%

html, body {height: 100%;}

должно быть добавлено,

для справки http://me.expanse.me/, это сборка сайта в соответствии с вашими требованиями (html и css site), надеюсь, это поможет вам.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...