移动端页面使用REM适配在微信中会受字体缩放影响导致排版错位等问题
解决方案
/**
* 限制微信字体放大
*/
(function () {
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 })
})
}
})()