设置公众号字体大小不跟随微信浏览器字体大小变化

畅聊技术

已于 2022-04-20 14:44:55 修改

阅读量1.2k

点赞数

分类专栏：前端文章标签： vue.js

于 2021-03-24 15:51:28 首次发布

本文链接：https://blog.csdn.net/aqeerqwuyrqr/article/details/115178974

版权

前端专栏收录该内容

3 篇文章

订阅专栏

该博客介绍了如何在前端实现微信公众号字体大小不随微信浏览器字体大小变化的效果，针对iOS和Android提供了不同的解决方案。在iOS中，通过设置`-webkit-text-size-adjust`属性为`none`来禁用字体调整。在Android中，利用WeixinJSBridge监听并设置字体大小为固定值，确保字体显示一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端设置公众号字体大小不跟随微信浏览器字体大小变化

ios:

body{-webkit-text-size-adjust: none !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) {
      //IE浏览器，非W3C规范
      document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
    }
  }
  function handleFontSize() {
    // 设置网页字体为默认大小
    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : '12px' });
    // 重写设置网页字体大小的事件
    WeixinJSBridge.on('menu:setfont', function() {
      WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : '12px' });
    });
  }
})();