我在做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"/>
效果如下图:
手放上去会有放大缩小按钮。点击也可以放大缩小。