防止用户调整微信浏览器字体大小导致的显示异常

防止用户调整微信浏览器字体大小导致的显示异常（加JS代码）

// 下面这段代码，防止用户调整微信浏览器字体大小导致的显示异常
(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});});}
})();

防止用户调整微信浏览器字体大小导致的显示异常相关推荐

移动端rem布局，用户调整手机字体大小或浏览器字体大小后导致页面布局出错问题
一.用户修改手机字体设置大小,影响App里打开的web页面. 手机字体设置大小,影响App的页面. Android的可以通过webview配置webview.getSettings().setText ...
禁用微信浏览器字体调整的方法
一.问题场景使用rem适配移动端时,微信浏览器可以调整页面根元素字体大小,导致布局错乱. 解决办法:禁用微信浏览器字体调整. 二.IOS禁止微信调整字体大小 body {-webkit-text-s ...
重置微信内置浏览器字体大小
重置微信内置浏览器字体大小 setting() {if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invo ...
h5 android 字体设置,解决因为手机设置字体大小导致h5页面在webview中变形的BUG
解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题.我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置 ...
WinXP系统浏览器字体大小怎么调--win7w.com
不知道大家知不知道,其实,浏览器的字体是可以随意设置大小的,当你觉得浏览器字体太大了或者太小了,就可以自己进行调节,选择合适自己眼睛的字体大小.那么,WinXP系统浏览器字体大小要怎么设置呢?接下来, ...
怎么调大计算机浏览器内字体,浏览器字体大小怎么设置,教你浏览器字体大小怎么设置-win7旗舰版...
默认浏览器字体大小并不适应所有人,很多用户觉得浏览器初始的字体比较小,但也有部分朋友会觉得字体大,那么电脑中浏览器字体大小怎么设置呢?其实方法也不难,下面小编教你浏览器字体大小怎么设置吧. 1,这是正 ...
怎么调大计算机浏览器内字体,W7系统浏览器字体大小设置的方法
在平时的工作中,我们常常会使用浏览器查看网页,可是每个用户对于网页字体小大的要求都是不一样的,所以这时候就可以设置一下,那么浏览器字体大小怎么设置呢?其实很简单,下面就由小编教大家w7系统浏览器字体大 ...
H5微信重置字体大小
适用场景,修改微信默认字体,导致页面变形,思路=> 页面加载完毕之后,重置字体大小 (function () {if (typeof WeixinJSBridge == "object ...
Deepin-TIM或Deepin-QQ调整界面DPI字体大小的方法
Deepin-TIM或Deepin-QQ调整界面DPI字体大小的方法 env WINEPREFIX="/home/landv/.deepinwine/Deepin-QQ" deep ...

防止用户调整微信浏览器字体大小导致的显示异常

防止用户调整微信浏览器字体大小导致的显示异常相关推荐

最新文章

热门文章