问题

微信内置浏览器菜单里有一个调整字体功能,如果用户自己调整字体,有可能导致布局混乱。

以下是从网上找到的禁用调整字体的方法。

IOS

使用safari的test-size-adjust css属性覆盖微信样式。

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

Android

使用微信内置WeixinJSBridge对象,将字体设置为默认大小,并重写菜单中的调整字体按钮的响应方法。

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注