在開發微信頁面的時候,以前一直沒有測出這個問題。直到某天領導的手機出現了排版錯位的問題,拿着手機質問個人工做態度。
Google了一下發現原來微信調整了字體大小會放大網頁的字體,致使排版混亂。經過設置能夠禁止網頁字體被放大:javascript
<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()
請忽略java
這樣網頁就沒問題了,至少目前看來。web
參考文章 《禁用微信 webview 調整字體大小》微信
The end... Last updated by: Jehorn, May 18, 2018, 04:12 PM字體