如何設計Android應用（webview）以適應不同的分辨率？

Question

android應用將由webview製作。

有許多屏幕分辨率和兩側是不同的比例。
240×320（3：4），小320x480（2：3），480×800（3：5），720x1280（9:16）...

是有可能..
- 設定幅的大小頁面是最大的一個，並留下一些空間（但它看起來不太好看？）如果手機的分辨率較小，那麼它會「裁剪」空間以適合屏幕（它會裁剪空間還是顯示黑色空間如果它不適合的大小？）
- 檢測手機的類型和設置尺寸，文字，圖像的大小

什麼是最好的解決方案？
謝謝！

Answer 1

在android中，您可以爲您的視圖提供抓取和相對定位的一些屬性。 所以在你的情況下，我會簡單地使用跨越所有屏幕的webview。對，你可以給下面的屬性的網頁視圖：

  android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 

Answer 2

所以我很理解你的Android應用程序將有一個單一的Web視圖將顯示來自一些網站URL內容？您是否可以控制HTML頁面的顯示/樣式？

對多屏幕尺寸的支持應來自Web視圖中顯示的HTML頁面。 我的建議是例如有3套CSS，分別用於小/中/大屏幕尺寸。

在Android中，我們可以輕鬆檢測並分類運行應用程序的設備的大小和分辨率。然後，當你的Web視圖加載頁面，通過一個額外的PARAM如http://www.your-html-page.com?screen=large

Supporting multiple screen size

Answer 3

這裏是從谷歌最佳實踐列表。 http://developer.android.com/guide/webapps/targeting.html

答案是使用視口元標記格式化您的頁面。您可以在其他屬性中設置像素密度和寬度。

把它放在你的和配置中。

<meta name="viewport" 
    content=" 
     height = [pixel_value | device-height] , 
     width = [pixel_value | device-width ] , 
     initial-scale = float_value , 
     minimum-scale = float_value , 
     maximum-scale = float_value , 
     user-scalable = [yes | no] , 
     target-densitydpi = [dpi_value | device-dpi | 
          high-dpi | medium-dpi | low-dpi] 
     " />