Android webView 的一个坑，字体怎么突然变小了

最新推荐文章于 2024-05-05 23:13:08 发布
最新推荐文章于 2024-05-05 23:13:08 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhireshini233/article/details/115143682
版权
本文主要探讨了Android WebView中字体变小的问题，原因是设置了`setLoadWithOverviewMode`为true，导致页面自适应宽度。解决方法包括避免设置此属性或在HTML中使用rem单位并设置viewport。此外，还提到了手机系统字体大小设置对WebView的影响及相应的Web JS和客户端WebView的解决办法。
摘要由CSDN通过智能技术生成

背景

最近，端内在做 webView 统一的时候，个性签名中的 WebView 替换为 CustomWebView 之后，发现字体突然变小。

一开始不知道是什么原因，通过二分法查找最近的提交，排查之后，发现是 SignatureWebView 的继承关系从 WebView 修改为 CustomWebView。revert 之后就正常了。

于是，我问自己，为什么会这样呢？

原因分析

我们知道，WebViewSetting 里面是可以修改 WebView 的一些默认设置的。

阅读官方文档，发现 setLoadWithOverviewMode，setUseWideViewPort 这两个方法看起来跟 WebView 缩放相关。

于是尝试把 setLoadWithOverviewMode 改为 false，很神奇，竟然正常了。

setLoadWithOverviewMode

这个方法的作用，简单来说，就是是否根据屏幕宽度自适应

Sets whether the WebView loads pages in overview mode, that is, zooms out the content to fit on screen by width. This setting is taken into account when the content width is greater than the width of the WebView control, for example, when getUseWideViewPor

最低0.47元/天 解锁文章
zhireshini233
关注
专栏目录
webview字体大小的修改
qq_35355458的博客
08-04 663
private void showChangTextSizeDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle("设置文字大小"); String[] items = new String[]{"超大字体","大字体","正常","小字体","超小字体"}; bui
Android webView 的一个坑，字体怎么突然变小了，android网络开发技术实战详解
m0_64603776的博客
12-15 723
带着这个疑问，我再次去浏览代码，发现个性签名里面 Webview 加载的网页，是自己拼接的 html。debug 之后，发现网页代码大概是这样的 Https://www.baidu.com 可以看到里面字体的单位是 px，跟 Android 的 dp px 有点像，是不是没作屏幕适配？ 搜索发现 Web 网页的代码适配单位是 rem，有点类似于 dp。 Web 网页在适配分辨率的时候，通常会设置 viewport 属性 于是我尝试在代码里面加了这样的代码，发现 SignatureWebView 显示个性签名
android webview 加载H5页面，设置字体不随系统设置变化
wuhenhcp的专栏
05-05 1万+
webview.getSettings().setTextZoom(100); WebView加上这个设置后,WebView里的字体就不会随系统字体大小设置发生变化了. 转自：https://segmentfault.com/q/1010000006068362?_ea=1015158
微信小程序web-view加载网页字体非常小的问题
07-12 2385
微信小程序web-view加载网页的字体非常小，问题解决办法在网页中加上
WebView的文字大小和富文本展示设置方法
qq_42818575的博客
10-21 1833
本片博客只是记录一下 , 本人平时常用到的一些功能 , 不深入说明请见谅 . 简单代码示意: webview字体大小的设置 private WebSettings settings; mJkjyMbzsDetailWebView = (WebView) findViewById(R.id.jkjy_mbzs_detail); //设置webView里字体大小 settings=mJkjyMbz...
安卓使用webView加载H5页面时出现的缩放问题
wenshan_jiang的博客
11-02 6446
1.安卓端使用webView加载H5页面时由于手机的不同可能会出现以下情况： 在手机浏览器中打开H5页面显示正常，但是在app内的webView中嵌套了H5页面时会出现H5页面被放大。使得屏幕中放不下H5页面，可以左右滑动。 .解决方案：这个时候你需要设置webView的一个属性。webView.getSettings().setTextZoom(100)；意思是设置字体大小的百分比。  ...
android webview 字体 系统字体大小,【转】android webview设置内容的字体大小
weixin_39913422的博客
05-25 1238
Enumforspecifyingthetextsize.SMALLESTis50%SMALLERis75%NORMALis100%LARGERis150%LARGESTis200%原文：http://www.cnblogs.com/yourancao520/archive/2012/06/14/2548900.html/***webview*/WebVi...
Android WebView 踩坑日记，字体怎么突然变小了？
m0_67598977的博客
04-27 224
Web 网页字体的适配规则，这里就不班门弄斧了,有兴趣的可以自行搜索。 [](()端内其他地方排查 我们知道，加载自定义 html，通常需要调用 loadDataWithBaseURL 方法，查看端内调用的地方，发现其他都是正常的。只有这个奇葩 SignatureWebView ，自己拼接的 html 没有加 viewport 属性，进行适配 [](()总结 ================================================================ 如果 html
android webview 字体被放大,Android WebView文字大小调整及页面缩放调整
weixin_28863779的博客
05-25 1313
释放双眼，带上耳机，听听看~！初学者使用webview难免会面对页面缩放，展示与预期不符的问题，这里有几个处理方案：方案一、通过屏幕密度调整分辨率WebSettings settings = mWebView.getSettings();int screenDensity = getResources().getDisplayMetrics().densityDpi;WebSettings.Zoo...
Android编程实现WebView自适应全屏方法小结
01-04
本文实例讲述了Android编程实现WebView自适应全屏的方法。分享给大家供大家参考，具体如下： 第一种： settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); 第二种： WebSetting settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 把所有内容放在webview等宽的一列中。（可能会出现页面中链接失效） 第三种： DisplayMetri
Android webview加载https链接错误或无响应的解决
08-19
主要介绍了Android webview加载https链接错误或无响应的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webview图片缩放，字体大小设置，打电话
guodashen007的博客
12-01 337
WebSettings webSettings = webview.getSettings(); //支持javascript webSettings.setJavaScriptEnabled(true); // 设置可以支持缩放 webSettings.setSupportZoom(true); // 设置出现缩放工具 webSettings.setBuiltInZ...
Android WebView开发(一)：基础应用
红日
12-15 2725
一、WebView的基础配置 WebSettings ws = getSettings(); ws.setBuiltInZoomControls(true);// 隐藏缩放按钮 ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);// 排版适应屏幕 ws.setUseWideViewPort(true);// 可任意比例缩放 ws.setLoadWithOverviewMode(true);// setUseWideViewPort方法设
Android开发填坑之setUseWideViewPort
热门推荐
技术的学习与积累是个技术活
06-07 1万+
现象 项目中的“浏览器组件”（对Webview的封装，用于浏览网页）在加载bilibili个人主页(https://m.bilibili.com/space/26233856)时排版错乱。 效果如下图所示： 正常的效果如下图所示：（使用chrome UA换成Android的UA） 分析 使用对比法看看其它浏览器（Anroid chrome,手机自带浏览顺，UC浏览器）的效果，都正...
Android WebView 踩坑日记，字体怎么突然变小了
IT徐师兄
03-01 893
如果 html 是自己拼接的，并且像素是 px，不要设置 WebViewSetting 的（默认属性是 false），否则字体可能显示不正常，偏大或者偏小如果 html 是自己拼接的，并且像素是 px，当我们设置 WebViewSetting 的，setUseWideViewPort 为 true（根据屏幕自适应），那么我们需要设置 html 的viewport规则，否则可能显示不正常。
WebView交互架构项目实战（三），一年后斩获腾讯T3
m0_64383736的博客
12-09 887
jsStr = JsjjJSHelper.getResInputStream(url); if (url.endsWith(".png")) { response = getWebResourceResponse(url, “image/png”, “.png”); } else if (url.endsWith(".gif")) { response = getWebResourceResponse(url, “image/gif”, “.gif”); } else if (url.endsWith(".
Android教程：Webview自适应屏幕
hellohaifei
10-29 8140
第一种：      settings.setUseWideViewPort(true);      settings.setLoadWithOverviewMode(true);      第二种：      WebSetting settings = webView.getSettings();      settings.setLayoutAlgorithm(LayoutAlgori
2024年Web前端最新WebView交互架构项目实战（三）：多进程WebView使用实践，各种风格的前端面试题进来了解一下
最新发布
2401_84418883的博客
05-05 1058
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值