在微信大字号模式下,网页样式乱了怎么办?
针对 iOS 系统,可以这么解决,添加个样式:
body{ -webkit-text-size-adjust: 100% !important; }针对安卓系统,需要添加 JS 代码,如下:
(function () {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
}
function handleFontSize() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
WeixinJSBridge.on('menu:setfont', function () {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
});
}
})();
window.onload = function () {
document.body.style.cssText = "-webkit-text-size-adjust: 100% !important;"
}