H5禁止微信放大字体

‌要在H5页面中禁止微信放大字体，可以通过以下几种方法实现‌：

‌CSS设置‌：

‌iOS设备‌：可以在H5页面的CSS中添加以下代码来禁止字体放大：

body {
    -webkit-text-size-adjust: 100%!important;
    text-size-adjust: 100%!important;
    -moz-text-size-adjust: 100%!important;
}



‌Android设备‌：可以通过JavaScript动态添加meta标签来禁止字体放大：

function createMetaTag(name, content) {
    var metaTag = document.createElement('meta');
    metaTag.setAttribute('name', name);
    metaTag.setAttribute('content', content);
    return metaTag;
}
var viewportMeta = createMetaTag('viewport', 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no');
document.head.appendChild(viewportMeta);



‌JavaScript设置‌：

在页面加载时，可以通过JavaScript检测微信环境并设置字体大小：

(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});
    });
}