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