继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

禁止微信内置浏览器调整字体大小

慕标5832272
关注TA
已关注
手记 1229
粉丝 229
获赞 1001

微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调整。
如下图:


webp

微信图片_20181018202342.jpg


这样调整完字体,会导致一样样式上的错误。再次进入微信也是会记录到用户所用的字体大小。
解决办法禁止微信用户修改字体大小:

1.安卓手机
<script>
       (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 });
               });
           }
       })();</script>
2.iOS手机
body { /* IOS禁止微信调整字体大小 */
            -webkit-text-size-adjust: 100% !important;            text-size-adjust: 100% !important;            -moz-text-size-adjust: 100% !important;
}



作者:无害wen
链接:https://www.jianshu.com/p/22c9b810704b


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP