收藏
回答

如何解决用户在客户端设置了大号字体,webview中的字体不跟随客户端的字体?

小程序只有一个页面:pages/index/index

index页面只有一个webview嵌套h5。微信设置了大号字体发现h5中的字体也变大了,导致样式有问题

h5中针对字体做的设置如下

function suitFontsizewx() {
    if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        handleFontSize();
    } else {
        document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
    }
    function handleFontSize() {
        console.log('执行handleFontSize')
        // 设置网页字体为默认大小
        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
        // 重写设置网页字体大小的事件
        WeixinJSBridge.on('menu:setfont', function () {
            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
        });
    }
}


执行了suitFontsizewx函数,在微信直接打开h5,h5的字体不会跟着客户端字体大小,但是在小程序的webview中这个方法不生效,还是会跟着客户端字体大小。请问这个问题要怎么处理,我们家也有一个用老年机的项目经理。急急急

回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容