rockfane

移动端页面使用REM适配在微信中会受字体缩放影响导致排版错位等问题

解决方案

/**
 * 限制微信字体放大
 */
(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 })
    })
  }
})()

分类:

技术点:

相关文章: