實現全屏幕覆蓋，只有70％的屏幕

Question

的當我點擊按鈕，我的全畫面如下

|---------------| 
|---------------| 
|---------------| 
|    | horizontal scroll 
|    | 
|    | 
|    | 

問題是，它佔據了屏幕的只有80％，僅即使它有足夠的數據來覆蓋。

我的CSS類

.full-screen { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    min-height: 100%; 
    z-index: 700; 
    background: white; 
} 

請指導。

Answer 1

使用position:fixed;，你可以做到這一點，填補了屏幕：

.full-screen { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom:0; 
    z-index: 700; 
    background: white; 
}