admin 管理员组文章数量: 1184232
这个方法的作用,简单来说,就是是否根据屏幕宽度自适应
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 getUseWideViewPort() is enabled. The default is false.
这个问题解决之后,我心中又有这样的疑问, 为什么别的地方没有问题,只有个性签名这里的 WebView 有问题 。
带着这个疑问,我再次去浏览代码,发现个性签名里面 Webview 加载的网页,是自己拼接的 html。debug 之后,发现网页代码大概是这样的
Https://www.baidu.com
可以看到里面字体的单位是 px,跟 Android 的 dp px 有点像,是不是没作屏幕适配?
搜索发现 Web 网页的代码适配单位是 rem,有点类似于 dp。
Web 网页在适配分辨率的时候,通常会设置
viewport
属性
于是我尝试在代码里面加了这样的代码,发现 SignatureWebView 显示个性签名又正常了。
parsedHtml += “<meta name=“viewport” content=“width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover”>”;
Web 网页字体的适配规则,这里就不班门弄斧了,有兴趣的可以自行搜索。
端内其他地方排查
我们知道,加载自定义 html,通常需要调用 loadDataWithBaseURL 方法,查看端内调用的地方,发现其他都是正常的。只有这个奇葩 SignatureWebView ,自己拼接的 html 没有加
viewport
属性,进行适配
总结
===================================================================
如果 html 是自己拼接的,并且像素是 px,不要设置 WebViewSetting 的
setLoadWithOverviewMode,setUseWideViewPort(默认属性是 false),否则字体可能显示不正常,偏大或者偏小如果 html 是自己拼接的,并且像素是 px,当我们设置 WebViewSetting 的
setLoadWithOverviewMode,setUseWideViewPort 为 true(根据屏幕自适应),那么我们需要设置 html 的viewport规则,否则可能显示不正常html 如果是自己拼接的,需要注意适配规则,像个人签名这种,用 webView 承载自己拼接的 html ,防止踩坑
WebView 字体常见的其他坑
=================================================================================
手机设置字体大小导致h5页面在webview中变形
出现这个问题的原因是
默认浏览器中的内容是不受系统字体大小设置控制的,至少我遇到的几台手机都是这样的情况。
某些机型 WebView 字体的大小是受手机系统字体大小控制的
这个通常有两种解决方案。
Web js 网页解决方案
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
《960全网最全Android开发笔记》
《379页Android开发面试宝典》
《507页Android开发相关源码解析》
《379页Android开发面试宝典》
[外链图片转存中…(img-fAS8AG7i-1711294165410)]
《507页Android开发相关源码解析》
[外链图片转存中…(img-k9Jpgbhm-1711294165410)]
因为文件太多,全部展示会影响篇幅,暂时就先列举这些部分截图,大家可以** **自行领取。
版权声明:本文标题:Android webView 的一个坑,字体怎么突然变小了,踩坑了_android webview用px 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.roclinux.cn/b/1774395463a3571246.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论