为了提供给用户更好的阅读体验,微信安卓版 7.0.10 版本起,网页的字体会跟随微信设置里的字体大小更改而变化。
若调整字体变大或变小后,部分未适配网页的排版会出现显示错乱,建议未进行适配的开发者尽快完成对“ 字体大小” 的适配。
查看网页在字体不同大小下展示效果的方法:
方法1:"设置">"通用">“字体大小">进行字体大小修改后查看对应网页显示效果。
方法2:在微信内访问对应网页右上角”…">底部菜单栏选择调整字体">进行字体大小修改后查看对应网页显示效果。
另外,对于现有的显示问题,我们提供以下方案让开发者临时将字体还原标准大小。同时,开发者可以在页面中提示用户在右上角”…”更多菜单中修改字体到合适的大小。
下列方案可以将字体还原标准大小,但我们仍然建议后续做字体适配来提高用户的阅读体验。 『字体还原标准大小』方案:
我们提供了一个 JSAPI 用于设置字体大小,只需将字体大小等级设置为2 (标准)即可,代码示例如下:document.addEventListener("WeixinJSBridgeReady", function (){undefined
WeixinJSBridge.invoke("setFontSizeCallback", {undefined
fontSize: '2'
})
}, false)
此外,若页面是用 rem 单位进行排版的(目前该做法更容易导致页面不可用),可以反向重置 font-size 的数值达到还原字体标准大小的目的,此方法在效果上也比较理想。代码示例如下:// 以下代码思路来源网络。同时代码放在 body 标签开头位置效果最佳
var $dom = document.createElement('div')
$dom.style = 'font-size: 10px'
document.body.appendChild($dom)
// 计算出放大后的字体
var scaledFontSize = parseInt(window.getComputedStyle($dom, null).getPropertyValue('font-size'))
document.body.appendChild($dom)
// 计算原字体和放大后字体的比例
var scaleFactor = 10/scaledFontSize
// 取 html 元素的字体大小
var originRootFontSize = parseInt(window.getComputedStyle(document.documentElement, null).getPropertyValue('font-size'))
// 由于设置 font-size 后实际会变大,故 font-size 需设置为更小一级
document.documentElement.style.fontSize = originRootFontSize*scaleFactor*scaleFactor + 'px'
文章来自csdn的楚沐风博主:android+微信字体大小,关于微信安卓端网页字体适配
1、进入软件界面,点击我这个图标,进入我的个人信息设置界面,点击设置选项。
2、在设置界面上,点击通用按钮。
3、在通用界面,点击字体大小选项。
4、在字体大小界面中,选择字体,可以选择大,标准,超大,特大,比如选择了特大。
5、那么返回到之前的菜单,就会发现字体变得特大。
6、如果选择小,返回界面后字体就会变得很小。
微信中的字体大小显示需要到手机微信中的设置——通用——字体大小中进行自行调整,更改的微信中字体大敬神小的具体方法如下:
1、首先在手机微信端的设置界面点击下方的【设置选项】。
2、进入到设置的页面以后,接着点击【通用】。
3、进桥稿拿入到手机微信中的通用操作页面以后,接着在此操作页面选择【字体大小】选项。
4、最后在微信调节字体大小的界面中选择你要更改的字敏搭体大小即可实现微信里更改字体大小的功能了。(注意向右是将微信中的字体调大)
祝愿你在今后的生活中平平安安,一帆风顺,当遇到困难时,也可以迎难而上,取得成功,没嫌慎如果有什么不懂得者液问题,还可以继续询问,不要觉得不好意思,或者有所顾虑,我们一直都是您最坚定的朋友后台,现实当中遇到了不法侵害,和不顺心的事情也能够和我详聊,我们一直提供最为靠谱的司法解答,帮助,遇到困难不要害怕,只要坚持,阳光总在风雨后,困难一定可以度过去,只要你不放弃,一心一意向前寻找出路。