WebView解析之适配

        对于android WebView 适配网页,有两个最基本的因素需要考虑。

1.viewport配置和当前页面的尺寸。

2.设备像素。

通过在Web页面,配置viewport,可以设置web的宽高,缩放比例,是否可缩放。

     viewport是定义在Web页面的,如下所示

   

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

    viewport决定了当前Web页面所能绘制的区域。包括属性:
  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]
          "
        
         height\width:像素,或者device-height
         initial-scale:初始化尺寸
         minimum-scale:最小尺寸
         maximum-scale:最大尺寸
         user-scalable:是否能缩放
         通常适配手机端,设置width的属性值为decice-width
            
<meta name="viewport" content="width=device-width" />

        tartget-densitydpi:通常设置为device-dpi;表示使用设备像素作为Web页面作为目标像素。默认的缩放不会生效。

综上所述,如果需要适配Web页面,则只需要设置:
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />



   


你可能感兴趣的:(android,webView,适配)