1、禁止微信内置浏览器调整字体大小
目前iOS的解决方案是覆盖掉微信的样式:
1 body { /* IOS禁止微信调整字体大小 */ 2 -webkit-text-size-adjust: 100% !important; 3 }
安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体大小设置为默认大小,并且重写设置字体大小的方法,让用户不能在该网页下设置字体大小:
1 /* 2 * android禁止微信浏览器调整字体大小 3 4 * 这种方法会导致网页延迟大约1S 5 6 */ 7 (function () { 8 9 if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { 10 11 handleFontSize(); 12 13 } else { 14 if (document.addEventListener) { 15 16 document.addEventListener("WeixinJSBridgeReady", handleFontSize, false); 17 18 } else if (document.attachEvent) { 19 20 document.attachEvent("WeixinJSBridgeReady", handleFontSize); 21 22 document.attachEvent("onWeixinJSBridgeReady", handleFontSize); 23 24 } 25 26 } 27 28 function handleFontSize() { 29 30 // 设置网页字体为默认大小 31 WeixinJSBridge.invoke(‘setFontSizeCallback‘, { 32 33 ‘fontSize‘: 0 34 35 }); 36 37 38 // 重写设置网页字体大小的事件 39 WeixinJSBridge.on(‘menu:setfont‘, function () { 40 41 WeixinJSBridge.invoke(‘setFontSizeCallback‘, { 42 43 ‘fontSize‘: 0 44 45 }); 46 47 }); 48 49 } 50 })();
参考链接:
1、字体大小:http://www.cnblogs.com/Man-Dream-Necessary/p/5939001.html