Vue项目在微信本地字体设置过大而影响H5布局

113 阅读1分钟
mounted(){
    //android禁止微信浏览器调整字体大小
    //TODO: 可能会在刚刚进去的时候大字体,1秒之后变回来
    if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
      this.handleFontSize()
    } else {
      if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', this.handleFontSize, false)
      } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', this.handleFontSize)
        document.attachEvent('onWeixinJSBridgeReady', this.handleFontSize)
      }
    }
    },
    methods:{
        handleFontSize() {
      // 设置网页字体为默认大小
      WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 })
      // 重写设置网页字体大小的事件
      WeixinJSBridge.on('menu:setfont', function() {
        WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 })
      })
    }
	}