微信字体影响布局

qq_46620208

于 2022-09-16 16:35:47 发布

阅读量121

点赞数

文章标签：微信 vue

本文链接：https://blog.csdn.net/qq_46620208/article/details/126893301

版权

ios解决方法

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

安卓

created() {
	if (navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Linux') > -1) {
        if (typeof window.WeixinJSBridge === 'object' && typeof window.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() {
        window.WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 })
        window.WeixinJSBridge.on('menu:setfont', () => {
          window.WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 })
        })
      }
}