webmaster 发表于 2020-3-20 15:24:02

crmeb H5部分手机排版错乱混乱解决方案

将以下代码写入h5的index.html文件即可原理禁用了微信字体调大后导致crmeb页面排版错乱

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

页: [1]
查看完整版本: crmeb H5部分手机排版错乱混乱解决方案