webview页面缩放 & 自适应

0.webview页面自适应:

// 1、LayoutAlgorithm.NARROW_COLUMNS : 适应内容大小
// 2、LayoutAlgorithm.SINGLE_COLUMN:适应屏幕,内容将自动缩放
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
webview.getSettings().setLoadWithOverviewMode(true);

1.webview.setscaleY(float y)

2.webview.setScaleX(float x)

3.webview.setInitialScale(int)

webview.setInitialScale(25);//为25%,最小缩放等级
解释: 里面的数字代表缩放等级
webview.setInitialScale(100); 代表不缩放。
什么是不缩放? 比如你要加载的网页中有图片的宽度是 500px ,如果你的手机分辨率(屏幕宽度) 是1000的话,那么整个图片只占一半的屏幕。 其他的字体都是按照标准展示
如果这个时候如果你设置 webview.setInitialScale(200) ,代表放大一倍,真个网页都会放大一倍,这个时候图片正好展示整个屏幕宽度,另外网页的字体也会放大一倍
如果这个时候如果你设置 webview.setInitialScale(50) ,代表缩小一倍,这个时候图片正好展示只占屏幕的四分之一,另外网页的字体也会同时变小

 

posted @ 2017-01-05 09:29  petercao  阅读(24759)  评论(0编辑  收藏  举报