Почему 100VH и 100VW не заполняют экран должным образом с помощью «Display: Table-Cell»? ⇐ CSS

[Anonymous]

Я пытался создать , который заполнит весь экран текстом, центрированным в середине, и я использую Display: Table-Cell; для этого.
Я устанавливаю высоту и ширину на 100 В и 100VW ; Тем не менее, результатом, который я получаю, является то, что существует необъяснимая граница из ничего в отношении . Ширина не заполняет всю ширину экрана, и на веб -странице есть некоторое пространство, которое можно прокрутить до вертикально. Пожалуйста, помогите! Вот мой код. < /code> был изменен на < /code>. < /p>

Код: Выделить всё

* {
position: relative;
box-sizing: border-box;
font-family: "Fira Mono", monospace;
}

body {
background-color: #0000ff;
}

#noscript {
display: table-cell;
z-index: 1;
top: 0;
left: 0;
background-color: #000000;
height: 100vh;
width: 100vw;
vertical-align: middle;
text-align: center;
color: #ffffff;
font-size: 1em;
font-weight: bold;
}< /code>






javascript is required to run this game!

(отредактировано, чтобы добавить больше цвета к примеру)

Подробнее здесь: https://stackoverflow.com/questions/796 ... table-cell