调整内容到屏幕大小 - webview - Android

时间:2013-07-22 11:09:37

标签: android html css webview viewport

我无法调整我的网页,

到目前为止,我添加了

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>

提供类似photo

的内容

我希望我的内容适合屏幕

1 个答案:

答案 0 :(得分:0)

使用双引号

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

<强>被修改

我注意到您为bodyhtml宽度和高度设置了px值。我建议你改变这一点,然后你的bodyhtmlwidth: 100%; height: 100%;