欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信设置字体很大 - 导致公众号页面布局错乱的解决方案

程序员文章站 2022-06-12 19:58:48
...

IOS解决方案:

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

安卓解决方案:

通过 WeixinJSBridge 设置网页字体为默认大小,并禁止用户自定义缩放页面

 
(function() {
  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 });
      });
  }
  })();
相关标签: 微信 微信