微信公众号h5页面禁止用户调整字体大小

微信公众号内 h5页面,使用计算后的单位 rem 时,用户调整字体大小会导致页面字体、元素的宽高变大活变小,导致页面布局错乱

this.prohibitAndroidAdjustmentSize();

prohibitAndroidAdjustmentSize() {
    if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
        this.handleFontSize();
    } else {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', this.handleFontSize, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', this.handleFontSize);
            document.attachEvent('onWeixinJSBridgeReady', this.handleFontSize);
        }
    }
},

handleFontSize() {
    // 设置网页字体为默认大小
    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    // 重写设置网页字体大小的事件
    WeixinJSBridge.on('menu:setfont', function() {
        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    });
},

上一篇:微信禁止分享


下一篇:spdlog开源库使用