如果项目在微信浏览器和普通浏览器打开时显示的字体大小不一致,微信浏览器里面的字体会变很大的话,可以在项目的index.html里面添加如下代码:
<script type="text/javascript">
(function () { // android
if (
typeof WeixinJSBridge === 'object' &&
typeof WeixinJSBridge.invoke === 'function'
) {
handleFontSize()
} else {
if (document.addEventListener) {
document.addEventListener(
'WeixinJSBridgeReady',
handleFontSize,
false
)
} else if (document.attachEvent) {
document.attachEvent(
'WeixinJSBridgeReady',
handleFontSize
)
document.attachEvent(
'onWeixinJSBridgeReady',
handleFontSize
)
}
}
function handleFontSize () {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', {
fontSize: 0
})
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function () {
WeixinJSBridge.invoke('setFontSizeCallback', {
fontSize: 0
})
})
}
})()
</script>
可以使字体大小变为一致。