如何禁止安卓Android或苹果IOS手机在微信中网页放大?

飘逸的风6年前 (2021-02-05)前端3549

做H5项目,在手机微信端打开网页,由于一些手机的字号设置的很大,所以网页也会随之放大,这样就影响了网页整体美观。那么,怎样才能阻止手机微信里的网页放大呢?

下面是安卓Android和苹果IOS的处理代码:


1、安卓(通过JS代码实现,

借助WeixinJSBridge对象来阻止字体大小调整):


//Android微信中,借助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 });
	  });
	}
})();

2、苹果IOS(通过CSS实现):


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



相关文章

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

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

jQuery scrollUp - jQuery滚动到顶部插件

jQuery scrollUp - jQuery滚动到顶部插件

当网页内容过长,你浏览到底部需要回到顶部时,是不是希望“一键直达”呢?scrollUp 就是这样一款插件,它能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就...

js 字符串操作函数集合

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

html+css 中 em和px 的尺寸解释

px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默...

js控制在网页中禁用右键和禁止另存为的代码

禁止网页右击,选择,最简单的两句代码: <script type="text/javascript"> <!-- document.oncontextmenu=n...

jw player的快捷调用方法(附:jw player参数设定)

最近开发的项目需要调用一部分视频,找了很久,感觉有两个非常不错,一个是ckplayer(非常炫酷,网址:https://www.ckplayer.com/),感觉好奇的同学,可以访问他们的官网去看看;...

评论列表

今日新鲜事
6年前 (2021-02-07)

文章不错非常喜欢

发表评论

访客

看不清,换一张

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