реализации полный экран покрывает только 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; 
}