android webview 如何实现加载一个页面后，用手指缩放后页面可以自适应问题

Question

现在加载和缩放都可以，但缩放后页面放大了，浏览器出现了横向滚动条，原来一行显示20个字，现在还是20个字。

我需要实现的效果是：页面放大一倍后，一行原来显示20个字，现在应该只显示10个字，不要出现横向滚动条。

这个需要从哪方面入手，是webview设置就可以实现呢，还是 html5 前端来实现，还是必须两者结合才能实现？

希望得到指点并给出核心代码。