解决h5页面在微信用户开启关怀模式内置浏览器布局错乱问题

这是用uniapp开发的h5 在App.vue添加

style添加

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

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") {
			// 设置网页字体为默认大小
			WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
			// 重写设置网页字体大小的事件
			WeixinJSBridge.on('menu:setfont', function() {
				WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
			});
		} else {
			document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
		}
	})()