Javascript – Position festgelegt; Höhe 100 ist festgelegt, entspricht jedoch nicht der Breite und Höhe des sichtbaren Fensters des Browsers.

Question

Der folgende CSS-Stilcode ist festgelegt, aber die Anzeigehöhe entspricht nicht dem Vollbildmodus, wie im Bild gezeigt.

.ss_hide{
    position: fixed;
    background: rgba(0,0,0,.2);
    height: 100%;
    width: 100%;
}

Answer 1

建议全屏使用

top: 0;
bottom: 0;
left: 0;
right: 0;

Answer 2

看一下你body和html所占的大小是否全屏。或者高100vh宽100vw

Answer 3

还得加上 top:0;left:0;

Answer 4

绝对定位脱离文档流了吧 既然都绝对定位了 top:0;left:0;right:0;bottom:0; 刚好覆盖屏幕