码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2017-06-29 10:06:45      阅读:408      评论:0      收藏:0      [点我收藏+]

标签:func   listener   roi   div   浏览器   重写   class   style   imp   

原因:

制作微信页面是,用户设置微信默认字体大小,而造成页面布局的不忍直视

 

解决方案:

iOS:

/* IOS禁止微信调整字体大小 */
body { 
    -webkit-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
            });
        });
    }
})();

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

标签:func   listener   roi   div   浏览器   重写   class   style   imp   

原文地址:http://www.cnblogs.com/hudeam/p/7092392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!