我无法调整我的网页,
到目前为止,我添加了
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>
提供类似
的内容我希望我的内容适合屏幕
答案 0 :(得分:0)
使用双引号
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no" />
<强>被修改强>
我注意到您为body
和html
宽度和高度设置了px值。我建议你改变这一点,然后你的body
和html
有width: 100%; height: 100%;