解决移动端微信H5页面字体因微信字体大小调整出现页面混乱的问题

以vue项目为例：

安卓和ios系统需要分别处理：

ios系统处理：

在html文件中，在head标签中，title标签下添加以下代码：

    <style>
      body {
        /* IOS禁止微信调整字体大小  73so.com */
        -webkit-text-size-adjust: 100% !important;
      }
    </style>

安卓系统处理：

在app.vue中添加以下代码

    mounted(){
      document.addEventListener("WeixinJSBridgeReady", function () {
        WeixinJSBridge.invoke("setFontSizeCallback", {
          fontSize: '2'
        });
      }, false);
    },