vue/react 页面在微信里面打开字体变大

如果项目在微信浏览器和普通浏览器打开时显示的字体大小不一致，微信浏览器里面的字体会变很大的话，可以在项目的index.html里面添加如下代码：

<script type="text/javascript">
  (function () { // android
    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>

可以使字体大小变为一致。