美文网首页让前端飞
禁止微信内置浏览器调整字体大小

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

作者: 无害wen | 来源:发表于2018-10-18 20:34 被阅读93次

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


    微信图片_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;
    }
    

    相关文章

      网友评论

      本文标题:禁止微信内置浏览器调整字体大小

      本文链接:https://www.haomeiwen.com/subject/vooszftx.html