WebView 自适应全屏

最新推荐文章于 2024-05-16 23:47:56 发布

原创最新推荐文章于 2024-05-16 23:47:56 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#WebView #自使用 #固定高度 #固定宽度

android 专栏收录该内容

59 篇文章

订阅专栏

本文提供了一种方法，通过调整网页在不同屏幕尺寸和密度下的缩放比例，确保网页内容在各种设备上都能适配并保持良好的显示效果。包括设置初始缩放比例和根据不同屏幕密度自定义默认缩放选项。

网上有通行的3中方法

写道

第一种：
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
第二种：
WebSetting settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
把所有内容放在webview等宽的一列中。（可能会出现页面中链接失效）
第三种：
DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);
int mDensity = metrics.densityDpi;
if (mDensity == 120) {
settings.setDefaultZoom(ZoomDensity.CLOSE);
}else if (mDensity == 160) {
settings.setDefaultZoom(ZoomDensity.MEDIUM);
}else if (mDensity == 240) {
settings.setDefaultZoom(ZoomDensity.FAR);
}

在我的项目中没办法适用不过还是找到了方法

webView.setInitialScale(960*100 / MainActivity.screenHeight);

我的网页高度为960 按这个比例拉升配合

DisplayMetrics metrics = new DisplayMetrics(); 
getWindowManager().getDefaultDisplay().getMetrics(metrics); 
int mDensity = metrics.densityDpi; 
if (mDensity == 120) { 
settings.setDefaultZoom(ZoomDensity.CLOSE); 
}else if (mDensity == 160) { 
settings.setDefaultZoom(ZoomDensity.MEDIUM); 
}else if (mDensity == 240) { 
settings.setDefaultZoom(ZoomDensity.FAR); 
}

显示的效果可以接受，一般这样的方式可以解决大多数高度宽度固定的网页显示的问题