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

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

时间:2020-04-23 12:05:51      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:font   and   字体   else   tps   col   type   body   事件   

微信中 以下代码可使Android机页面不再受用户字体缩放强制改变大小,但是会有1S左右延时,期间可以考虑loading来处理


<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://segmentfault.com/q/1010000011631008

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

标签:font   and   字体   else   tps   col   type   body   事件   

原文地址:https://www.cnblogs.com/hiit/p/12759670.html

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