zoukankan      html  css  js  c++  java
  • 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);  
  • 相关阅读:
    maven surefire入门
    编译原理随笔4(自下而上的语法分析-递归法)
    编译原理随笔3(自上而下的语法分析-推导法)
    编译原理随笔1
    LeetCode刷题笔记-DP算法-取数问题
    算法刷题笔记-stack-四则运算
    LeetCode刷题笔记-递归-反转二叉树
    Beta里程碑总结
    评价cnblogs.com的用户体验
    我们的团队目标
  • 原文地址:https://www.cnblogs.com/zhengtu2015/p/4936778.html
Copyright © 2011-2022 走看看