安卓Android微信中自带浏览器文字变大如何解决

飘逸的风6年前 (2020-04-23)前端2856

用安卓手机微信自带浏览器打开网页,如果系统字号放大了,那么访问的网页字体也会跟着变大,这个问题如何解决呢?

可以使用微信WeixinJSBridge对象来阻止字体大小被调整。以下是代码:

(function() {
  if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
	handleFontSize();
  } else {
	if (document.addEventListener) {
	  document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
	} else if (document.attachEvent) {
	  //IE浏览器,非W3C规范
	  document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
	}
  }
  function handleFontSize() {
	// 设置网页字体为默认大小
	WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
	// 重写设置网页字体大小的事件
	WeixinJSBridge.on('menu:setfont', function() {
	  WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
	});
  }
})();

另外,如果IOS端页面字体也变大了,只需要使用CSS设置即可,下方是CSS代码:

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

相关文章

escape()、encodeURI()、encodeURIComponent()区别详解

JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod...

js判断undefined类型,undefined,null,NaN的区别

js判断undefined类型 今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断&nb...

jquery简单代码实现复选框多选、单选、全不选功能,很实用

<html> <head>  <script type="text/javascript" src="https://code.jquery.com/jqu...

jQuery自适应宽度导航插件Horizo​​ntalNav

jQuery自适应宽度导航插件Horizo​​ntalNav

Horizo​​ntalNav 是一个 jQuery 导航插件,能够自适应容器的宽度。如果你曾经在一个项目中创建过这种效果,你就会知道,这是很难处理的。但这个插件很容易,并且支持 IE6、IE7。...

jQuery操作Select的方法集合

jQuery获取Select选择的Text和Value:  语法解释:  1. $("#select_id").change(function(){/...

js 字符串操作函数集合

concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。  indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。  c...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。