今天做项目时突然发现,在微信里加载完网页后,整页的字体会等比缩小。故猜测是微信浏览器自动调整字体导致的。

可以通过下面的两种方式解决该问题:

通过CSS

* {
	-webkit-text-size-adjust   : 100% !important;
	text-size-adjust           : 100% !important;
	-moz-text-size-adjust      : 100% !important;
}

通过Javascript

<script>
       (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 });
               });
           }
       })();
</script>