【uniapp】uniapp开发的微信公众号，微信设置字体大小或者关怀模式，页面布局字体大小不受影响的解决方法：

文章目录

- - - 一、问题及效果：
    - 二、解决：

一、问题及效果：

二、解决：

在uniapp的app.vue的script标签内添加以下代码：

(function(){
		//安卓端
		function handleFontSize () {
		   // 设置网页字体为默认大小
		   WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 })
		   // 重写设置网页字体大小的事件
		   WeixinJSBridge.on('menu:setfont', function () {
		      WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 })
		   })
		 }
		// 禁止页面改变字体大小
		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)
       }
    }
})()

ios 在style标签内添加样式，通过修改样式进行配置：

page { /* IOS禁止微信调整字体大小 */
   -webkit-text-size-adjust: 100% !important;
   text-size-adjust: 100% !important;
   -moz-text-size-adjust: 100% !important;
}