html - モバイル HTML をフルスクリーンにする

Question

したがって、このWeb サイトを webview (Android) で表示したいのですが、正常に動作しますが、フルスクリーンで表示されない理由がわかりません。cssに何か問題があるに違いないと思いますが、見つけることができません。これは私の携帯電話に表示されるスクリーンショットです。背景を画面全体に表示したい。これは可能ですか？

Answer 1

「default.css」にパディングがあります。行 704 を削除します。

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

全画面のテーブルが必要な場合は、 と を に追加する必要がposition: absoluteありheight: 100%ます.tablatop。

.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*/
}