適應內容的屏幕尺寸 - 網頁視圖 - Android電子

到目前爲止，我已經加入

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

meta標籤

<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>

這給像這樣

我想我的內容，以適應屏幕

來源

2013-07-22 Mike Bryant

請參考這個問題 http://stackoverflow.com/questions/3916330/android-webview-webpage-should-fit-the-device-屏幕 –

使用雙引號

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

編輯

我注意到您爲body設置像素值和html寬度和高度。我勸你改變這種做法，那麼你body和html有width: 100%; height: 100%;

來源

2013-07-22 11:29:21 Vector

我試過這個，但沒有運氣 –

我剛剛編輯我的回答 – Vector

仍然悲傷地 –

適應內容的屏幕尺寸 - 網頁視圖 - Android電子

回答

相關問題