禁用微信浏览器字体调整的方法

一.问题场景

使用rem适配移动端时，微信浏览器可以调整页面根元素字体大小，导致布局错乱。
解决办法：禁用微信浏览器字体调整。

二.IOS禁止微信调整字体大小

body {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;
}

三.Android禁止微信调整字体大小

(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 });});}
})();

文章参考：(https://www.cnblogs.com/xiaohuizhang/p/8797634.html)

禁用微信浏览器字体调整的方法相关推荐

微信浏览器字体调整 PHP,h5禁止微信内置浏览器调整字体大小
安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小: /* android禁止微信浏览器调整字体大小 ...
微信浏览器字体调整 PHP,微信h5禁止微信内置浏览器调整字体大小-爬坑
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调整. image 1.ios 通过重写样式控制: body { /* IOS禁止微信调整字体大小 */ -webkit-text- ...
微信浏览器字体调整 PHP,如何针对微信浏览器的调整字体大小功能进行适配？...
微信jssdk,有个初始化字体的方法 (function() { if (typeof WeixinJSBridge == "object" && typeof W ...
防止用户调整微信浏览器字体大小导致的显示异常
防止用户调整微信浏览器字体大小导致的显示异常(加JS代码) // 下面这段代码,防止用户调整微信浏览器字体大小导致的显示异常 (function() {if (typeof WeixinJSBridg ...
新版火狐浏览器怎么调整字体火狐浏览器字体调整技巧分享
相信有了解的朋友都清楚,官方在新版火狐浏览器中不仅优化了UI设计,还带来了一些细微的变化与改进.那么,新版火狐浏览器该怎么调整字体呢?下面小编就来分享一下火狐浏览器字体调整技巧,有需要的朋友可以稍作参 ...
php微信网页不缓存,微信浏览器取消缓存的方法
这篇文章主要介绍了微信浏览器取消缓存的方法,本文使用meta头信息实现取消了微信浏览器的缓存,特别是在开发时会经常用到,需要的朋友可以参考下. 做微信公众号和调试手机页面的时候,避免不了页面要跳转到微 ...
win10浏览器 html乱码怎么解决,win10浏览器乱码如何解决_win10浏览器字体乱码修复方法...
作为用来显示在万维网或局域网等内的文字.图像及其他信息的win10浏览器,帮助用户完成了一些交互操作,可是有的用户在打开win10浏览器时字体全都是乱码的状况出现,那么win10浏览器乱码如何解决呢? ...
html火狐定义字体大小,火狐浏览器字体大小设置方法
火狐浏览器字体大小设置方法,火狐浏览器字体太小的话,看小说.看八卦.看杂志.看军事新闻.看今日头条都很不方便,对眼睛也不好,怎么让Firefox浏览器字体设置大一些呢?下面小编就为大家分享一下吧. 火 ...
在微信浏览器字体被调大导致页面错乱的解决办法
iOS的解决方案是覆盖掉微信的样式: body { /* IOS禁止微信调整字体大小 */-webkit-text-size-adjust: 100% !important; } 安卓的解决方案是通过 ...

禁用微信浏览器字体调整的方法

一.问题场景

二.IOS禁止微信调整字体大小

三.Android禁止微信调整字体大小

禁用微信浏览器字体调整的方法相关推荐

最新文章

热门文章