使我的移动html全屏

Question

所以我想在网页视图（Android）中显示this网站，它运行正常，但我不知道为什么它不会全屏显示。我认为css必定有问题，但我无法找到它。这是我在手机中看到的截图。我希望背景占据整个屏幕。这可能吗？

Answer 1

你的＆＃34; default.css＆＃34;中有一个填充。删除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*/
}