设为首页收藏本站
开启辅助访问

关于微信浏览器调整字体大小，H5页面适配问题

 您所在的位置：网站首页 › 微信公众号字体大小怎么调整 › 关于微信浏览器调整字体大小，H5页面适配问题

关于微信浏览器调整字体大小，H5页面适配问题

2024-07-14 14:31| 来源: 网络整理| 查看: 265

最近开发公众号遇到一个问题：

1、ios,Android 加载页面，如果用户调整了微信自带的字体大小，那么我们的页面就会跟随调整字体大小，导致页面错乱无法适配。

找寻了一些方法总结如下：

1、ios 设置body css属性 在这里插入图片描述 2、android则通过js 调整 借助WeixinJSBridge对象来阻止字体大小调整

(function() { console.log("android") if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) { document.addEventListener("WeixinJSBridgeReady", handleFontSize, false); } else if (document.attachEvent) { //IE浏览器，非W3C规范 document.attachEvent("onWeixinJSBridgeReady", handleFontSize); } } function handleFontSize() { // 设置网页字体为默认大小 WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); // 重写设置网页字体大小的事件 WeixinJSBridge.on('menu:setfont', function() { WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); }); }

})();

对了还有如果是APP里面得webview那最好还是让客户端帮忙把 WebSettings settings = webView.getSettings(); settings.setTextZoom(100);

它有个缺点会闪一下再调整为我们想看的效果，求大佬教解决方案



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3