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

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

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

可以使用微信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;
}

相关文章

JS版的in_array和is_array

写PHP代码是我们可以使用is_array()方法来检测一个变量是否是数组,使用in_array()来判断一个变量是否包含在一个数组中,那么在JS中我们该,如何来判断呢?   下面来分享...

JS对cookie的操作

1、设置cookie 01 function addCookie(objName, objValue, objHours) { //添加cookie 02...

JS键盘控制翻页代码

<script language="javascript"> <!-- document.onkeydown=nextpage var prevpage="prev.html"...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

图片放大镜效果是一种不错的效果,多应用于电子商务、图片展示等网站,给用户带来更好的体验。实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件。和其他产品相...

jQuery下拉框美化插件DropKick

jQuery下拉框美化插件DropKick

DropKick 是一个下拉框美化插件,使用非常简单,直接为下拉框 select 调用方法即可,瞬间让你摆脱繁琐。DropKick 有 3 种主题,你可以选择一种与你的页面更加搭配的,当然你也可以自己...

js 数组操作集合

注意:以下是按操作来分类的,有的方法有多个用途,就有重复 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Arra...

发表评论

访客

看不清,换一张

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