微信webview內(nèi)置了調(diào)整字體大小的功能，用戶可以根據(jù)實(shí)際情況進(jìn)行調(diào)節(jié)坷剧。但是很多移動端頁面的開發(fā)都是使用rem作為單位的惰爬，字體大小改變以后，會出現(xiàn)頁面布局錯(cuò)亂的情況惫企，因此希望能夠禁止微信的字體放大功能撕瞧，下面是通過查找資料找到的一些解決方法。
1.安卓手機(jī)禁止微信客戶端修改字體大小
<!-- 強(qiáng)制禁止用戶修改微信客戶端的字體大小---begin--- -->
<script>
(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() {
// 設(shè)置網(wǎng)頁字體為默認(rèn)大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重寫設(shè)置網(wǎng)頁字體大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
</script>
<!-- 強(qiáng)制禁止用戶修改微信客戶端的字體大小---end--- -->
2.IOS系統(tǒng)禁止微信客戶端修改字體大小
body { /* IOS禁止微信調(diào)整字體大小 */
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
