首页 > Web开发 > 详细

webview页面缩放 & 自适应

时间:2017-01-05 09:49:31      阅读:1029      评论:0      收藏:0      [点我收藏+]

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) ,代表缩小一倍,这个时候图片正好展示只占屏幕的四分之一,另外网页的字体也会同时变小

 

webview页面缩放 & 自适应

原文:http://www.cnblogs.com/bluestorm/p/6251147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!