製作我的手機html全屏

Question

所以我想在網頁視圖（Android）中顯示this網站，它工作正常，但我不知道它爲什麼不全屏顯示。我認爲CSS必須有問題，但我無法找到它。這是我在手機中看到的截圖。我想讓背景佔據整個屏幕。這可能嗎？

Answer 1

您的 「default.css」 填充。刪除線704

@media all and (max-width: 960px){ 
    .center{ 
     width:auto; 
    } 
    ... 
} 

如果你想要一個全屏幕的表，您需要在我們的.tablatop添加position: absolute和height: 100%。

.tablatop { //remember to put this style rule in your respective @media-query!!! 
    position: absolute; 
    height: 100%; 
} 

Answer 2

有給到div（在媒體查詢）填充（padding: 0 10px;）這就是爲什麼它走的是空間，刪除它

@media (max-width: 960px) 
.center { 
padding: 0; 
width: auto; 
} 

檢查截圖

Answer 3

不確定關於webview，但試試這個：

body,html{ 
    width:100%; 
    height:100%; 
    padding:0px; 
    margin:0px; 
    /*optional but incase it still doesn't work.*/ 
    min-width:100%; 
    min-height:100%; 
    /*further optional still incase elements case overflows*/ 
    max-width:100%; 
    max-height:100; 
    overflow:scroll;/*or hidden*/ 

爲了進一步針對使用手機的媒體查詢，像這樣：

@media only screen and(max-device-width:(deviceWidthHere))and(max-device-height:(deviceHeightHere)){ 
    /*CSS here*/ 
    /*second 'and' clause is not necessarily necessary. lol*/ 
}