Весь веб-клиент фон - PullRequest
Новая
       15

Весь веб-клиент фон

0 голосов
/ 10 апреля 2020

У меня проблема с отображаемой веб-страницей, цвет фона не покрывает всю страницу. Обычно это: host в my, который делает это, но он больше не работает, потому что 

  :host{
  padding: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #282828;
}

Как вы можете видеть фон, который оборачивает созданный контент, а не всю страницу, и я не знаю, как изменить Это. Я хотел бы сохранить: 

  display: flex;
  flex-grow: 1;
  flex-direction: column;

хоста, поскольку он необходим для отображения, но заставьте цвет фона обернуть всю страницу.

Заранее спасибо всем, кто мне поможет .

enter image description here

Ответы [ 2 ]

1 голос
/ 10 апреля 2020

Проблема в том, что ваш хост-контейнер или мета-класс (возможно, в Angular) не охватывает всю высоту представления. Это поможет вам: 

body {
  background-color: #282828;
}

.host {
border: 1px solid yellow;
color: yellow;
  padding: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #282828;
}
<body>
<div class="host">
CONTENT GOES IN HERE
</div>
</body>
1 голос
/ 10 апреля 2020

Если я правильно понимаю проблему, нужно ли вам это делать? 

body, html {
    padding: 0,
    margin: 0
}

Если нет, не могли бы вы опубликовать скриншот проблемы, с которой вы столкнулись?

...