微信字体调大后页面错乱问题

<style>
body {
          
   
  -webkit-text-size-adjust: 100% !important;
}
</style>
<script>
(function() {
          
   
  if (typeof WeixinJSBridge === object && typeof WeixinJSBridge.invoke === function) {
          
   
    changeSize()
  } else {
          
   
    document.addEventListener(WeixinJSBridgeReady, changeSize, false)
  }
  function changeSize() {
          
   
    // 设置网页字体为默认大小
    WeixinJSBridge.invoke(setFontSizeCallback, {
          
    fontSize: 0 })
    // 重写设置网页字体大小的事件
    WeixinJSBridge.on(menu:setfont, function() {
          
   
      WeixinJSBridge.invoke(setFontSizeCallback, {
          
    fontSize: 0 })
    })
  }
})()
</script>

以上方法,亲测有效

经验分享 程序员 微信小程序 职场和发展