WebView顯示的網頁在大分辨率屏下被放大--解決方案


例如適合800px寬度的頁面,如果通過WebView在1024px的屏幕寬度下顯示時,內容(圖片)會被放大,整體頁面會超出屏幕。 

試了將WebView的settings中的縮放都關閉了也不行。

后來發現了WebSettings.ZoomDensity這個設置,並在文檔中找到了以下說明: 
Enum for specifying the WebView's desired density. FAR makes 100% looking like in 240dpi MEDIUM makes 100% looking like in 160dpi CLOSE makes 100% looking like in 120dpi 


這樣就能很好的說明以上問題的原因了,又是密度惹的禍... 


默認WebView的ZoomDensity是MEDIUM,對應160dpi。而我之前800px寬度的屏幕對應的是60dpi,1024px寬度的屏幕對應的是240dpi。所以,頁面在高分辨率的屏幕上被放大了1.5倍。這個和圖片自縮放的機制是一樣的。 


於是,只要通過當前屏幕的密度,動態設置該屬性就能適應不同屏幕(當然,默認你的頁面是針對160dpi的密度大小設計的),即可解決: 

  1. int screenDensity = getResources().getDisplayMetrics().densityDpi ;   
  2. WebSettings.ZoomDensity zoomDensity = WebSettings.ZoomDensity.MEDIUM ;   
  3. switch (screenDensity){   
  4. case DisplayMetrics.DENSITY_LOW :  
  5.     zoomDensity = WebSettings.ZoomDensity.CLOSE;  
  6.     break;  
  7. case DisplayMetrics.DENSITY_MEDIUM:  
  8.     zoomDensity = WebSettings.ZoomDensity.MEDIUM;  
  9.     break;  
  10. case DisplayMetrics.DENSITY_HIGH:  
  11.     zoomDensity = WebSettings.ZoomDensity.FAR;  
  12.     break ;  
  13. }  
  14. webSettings.setDefaultZoom(zoomDensity);  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM