切圖網專注網頁切圖、小程序切圖服務,在最近的客戶反應中,當安卓手機設置字體大小以後,會導緻從微信公衆号進入的頁面也會字體放大,導緻頁面的不同程度的錯位,要想解決這個問題,可以通過代碼解決,ios相對簡單,android通過微信的方法來重新設置字體大小。
ios 通過重寫樣式控制
body { -webkit-text-size-adjust:100%!important; }
android 通過重寫事件控制(親測有用)
(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 });
});
}
})();
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!