微信提供调整字体功能， 如下图。
image.png
为避免H5页面因字体过大导致的样式变形， 可以禁止字体调整生效。
官方文档：https://developers.weixin.qq.com/community/develop/doc/000a26b86948f8743cb9a6da951409?page=1#comment-list
image.png
解决方案：
ios:
body {
-webkit-text-size-adjust: 100% !important;
}
Android:
(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' : 2 });
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 2 });
});
}
})();
