android - 使内容适应屏幕大小 - webview - Android

Question

我在调整我的网页时遇到问题，

到目前为止，我已经添加

webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setLoadWithOverviewMode(true);

元标记

<meta content='height=device-height, width=device-width, initial-scale=1.0' name='viewport' />

这是页面的css

       <style type="text/css">
html {
    width : 800px;
    height : 522px;
}
body {

    background-color:#999999;
    margin:0;
    padding:0;
    color:#FFFFFF;
    width : 800px;
    height : 522px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:16px; 
    line-height:150%;
}
a{
    color:#ffd901;
    text-decoration:none;

}
img {
    border:0;
}
#content {
    position : fixed;
    background-color:#FFFFFF;
    overflow:hidden;
}

#accueil {
    width : 800px;
    height : 522px;
    z-index:1;

/*
    background-color:#000;
*/
    background-image:url("img/fondb.jpg");
    background-repeat:no-repeat;

}
#copyright{
    position:absolute;
    font-size:10px; 

    text-align:center;
    left:0px;
    top:500px;
    width:800px;
    
}
#logo{
    position:absolute;
    left:670px;
    top:410px;
    
}
#titre{
    position:absolute;
    left:50px;
    top:5px;    
}
#texte{
    position:absolute;
    left:60px;
    top:77px;
}
#btn_imprimer{
    position:absolute;
    left:590px;
    top:107px;
}

</style>

这给出了这样的东西

我希望我的内容适合屏幕

Answer 1

使用双引号

<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no" />

已编辑

body我注意到你已经为你的html宽度和高度设置了 px 值。我建议您更改此设置，然后您的body并html拥有width: 100%; height: 100%;