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

飘逸的风5年前 (2021-02-05)前端3239

做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对cookie的操作

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

jquery 事件方法总结

Dom: Attribute:属性 $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",title:"te...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

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

jQuery下拉框美化插件DropKick

jQuery下拉框美化插件DropKick

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

jQuery操作Select的方法集合

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

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

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

评论列表

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

文章不错非常喜欢

发表评论

访客

看不清,换一张

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