我在做webview 嵌入HTML 网页的时候,碰到这样一

个问题 : 就是网页上面的内容 字体或者图片等 设置的过小,就影响用户查看,看不清楚。那么怎么将这个页面放大查看呢。

  我当时想了两种思路:一种是在html页面加点击事件 点击跳入下一个页面 ,上面展示点击的 相关内容的大的文字或者图片。另一种思路是  手势放大缩小这个页面。

 第一种由于实现起来比较麻烦。故放弃。

那么怎么能设置  html页面在webview上加载以后 可以 放大缩小呢。 其实不需要 单独做  放大缩小事件。只需要在html页面上 做如下操作:

在html页面中去掉这一行

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0"/>

效果如下图:

Android webview 加载html 页面缩放的问题_html页面

手放上去会有放大缩小按钮。点击也可以放大缩小。