在微信大字号模式下,网页样式乱了怎么办?

hykeda10个月前微信397

针对 iOS 系统,可以这么解决,添加个样式:

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

针对安卓系统,需要添加 JS 代码,如下:

(function () {
 
    if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
     
        handleFontSize();
     
    } else {
     
        document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
     
    }
 
    function handleFontSize() {
     
        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
     
        WeixinJSBridge.on('menu:setfont', function () {
     
            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
     
        });
     
    }
 
})();
 
window.onload = function () {
 
    document.body.style.cssText = "-webkit-text-size-adjust: 100% !important;"
 
}


相关文章

记录微信分享BUG,微信分享点击右上角无反应或反应迟缓或触点在三个点下方

        今天在写一个微信分享功能的时候,出现了一个非常无语的bug,问题出现在iphone手机上,Xr和13都会...

微信小程序获取地理位置无响应,以及隐私条款授权

uniapp开发微信小程序,发现使用:uni.authorize({     scope: 'scope.userLocation'...

thinkphp5 集成 easywechat 验证token的问题

首先要确定easywechat实例化都是正常的。然后按照以下步骤就可以了: 1,关闭config里面的'app_debug' => false, 2,关闭config里面的 'app_tra...

微信小程序被用户投诉类目不符合

微信小程序被用户投诉类目不符合

最近小程序被用户投诉:违反《微信小程序平台运营规范》5.行为规范-5.7类目不符行为等相关规定具体的违规内容是:小程序内涉及提供内容的发布与交流服务,请补充社交-社区/论坛类目,如暂无法提供该类目所需...

微信小程序wx.navigateTo/wx.redirectTo 无效

在微信小程序开发过程中,发现使用wx.navigateTo/wx.redirectTo都没有反应,不知道为什么。 原因排查: 1.你的页面在app.json文件中注册了吗?(一般调试中会...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。