禁止微信调整字体大小

发布: 2017-01-20 12:25:31标签: 前端开发

IOS禁止微信调整字体大小

css给全局样式body设置如下：

01body {
02    -webkit-text-size-adjust: 100% !important;
03}
复制代码

android禁止微信调整字体大小

js在页面加载时候调用下边的方法（react在componentDidmount中调用方法）

01 function resetFontSize() {
02    if (typeof WeixinJSBridge === 'object' && typeof WeixinJSBridge.invoke === 'function') {
03      handleFontSize();
04    } else {
05      if (document.addEventListener) {
06        document.addEventListener('WeixinJSBridgeReady', handleFontSize, false);
07      } else if (document.attachEvent) {
08        document.attachEvent('WeixinJSBridgeReady', handleFontSize);
09        document.attachEvent('onWeixinJSBridgeReady', handleFontSize);
10      }
11    }
12    function handleFontSize() {
13      WeixinJSBridge.invoke('setFontSizeCallback', {
14        'fontSize': 0
15      });
16      WeixinJSBridge.on('menu:setfont', function () {
17        WeixinJSBridge.invoke('setFontSizeCallback', {
18          'fontSize': 0
19        });
20      });
21    }
22  };
复制代码