移动端微信浏览器字体放大导致布局错乱的解决方案

最新推荐文章于 2023-02-19 00:07:19 发布

姜无忧

最新推荐文章于 2023-02-19 00:07:19 发布

阅读量1.2k

点赞数 3

分类专栏： h5移动端/微信公众号

本文链接：https://blog.csdn.net/xiasohuai/article/details/105372894

版权

h5移动端/微信公众号专栏收录该内容

45 篇文章 2 订阅

订阅专栏

IOS中css设置：

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

Android中js设置：

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