微信公众号、内嵌H5字体受微信字体大小影响问题的解决方案

  • Post author:
  • Post category:其他




微信公众号、内嵌H5字体受微信字体大小影响问题的解决方案,代码也是之前网上找的,现在记录一下


//微信公众号禁止设置老年字体
;(function() {
	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)
		}
	}

	function handleFontSize() {
		// 设置网页字体为默认大小
		WeixinJSBridge.invoke('setFontSizeCallback', {
			fontSize: 0
		})
		// 重写设置网页字体大小的事件
		WeixinJSBridge.on('menu:setfont', function() {
			WeixinJSBridge.invoke('setFontSizeCallback', {
				fontSize: 0
			})
		})
	}
})()


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

小白一个,学不懂回家养猪



版权声明:本文为little_shallot原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。