uniapp H5 微信字体调整导致页面布局错乱

最新推荐文章于 2024-04-27 13:01:21 发布

Mybabyying

最新推荐文章于 2024-04-27 13:01:21 发布

阅读量226

点赞数

文章标签： uni-app 微信

本文链接：https://blog.csdn.net/Mybabyying/article/details/133311778

版权

APP.vue

<script>
	(function() {
		if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke ==         "function") {
			handleFontSize();
		} else {
			document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
		}

		function handleFontSize() {
			// 设置网页字体为默认大小
			WeixinJSBridge.invoke('setFontSizeCallback', {
				'fontSize': 0
			});
			// 设置网页字体大小的事件
			WeixinJSBridge.on('menu:setfont', function() {
				WeixinJSBridge.invoke('setFontSizeCallback', {
					'fontSize': 0
				});
			});
		}
	})();
	export default {
		onLaunch: function() {
			// console.log('App Launch')
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	body {
		/* IOS禁止微信调整字体大小 */
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
		-moz-text-size-adjust: 100% !important;
	}
</style>