在開發微信頁面的時候，之前一直沒有測出這個問題。直到某天領導的手機出現了排版錯位的問題，拿著手機質問我的工作態度。
Google了一下發現原來微信調整了字體大小會放大網頁的字體，導致排版混亂。通過設置可以禁止網頁字體被放大：
<body style="-webkit-text-size-adjust: 100%!important;">@RenderBody()<script type="text/javascript">(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> </body>
@RenderBody()這樣網頁就沒問題了，至少目前看來。
參考文章 《禁用微信 webview 調整字體大小》
The end... ?? Last updated by: Jehorn, May 18, 2018, 04:12 PM
)
