WebView解析之适配

来源：互联网发布：e5 1620 超频软件编辑：程序博客网时间：2024/05/16 05:44

对于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" />

0 0