Всплывающий фон не занимает полную высоту экрана

Question

У меня есть всплывающее окно, и его фон не занимает полную высоту. Я знаю, что это делается position:fixed, чтобы взять полную высоту, но я хочу взять его position:absolute в мобильном режиме и полностью покрывает экран но он не принимает в качестве height:100% или height:auto дает только 1/2 фона экрана не полностью 100%

Answer 1

Я полагаю, что вы после того, как что-то вроде этого:

.popup { 
 
    position: fixed; 
 
    top: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    right: 0; 
 
    background: tomato; 
 
}

<div class="popup">I cover the whole screen!</div>

Answer 2

var windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatures]); 

window.open(fullscreen=Yes); 

 

Answer 3

не забудьте настроить в CSS

html, body { 
    height:100%; 
} 

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