由于微信自帶字體放大功能，因此基于微信的頁面都可以通過微信進行字體放大，但是有些情況下這并不是我們想要的，因為很多移動端頁面的開發都是使用rem作為單位的，當使用微信進行字體放大是，會導致頁面的整體布局亂掉的情況出現，這對用戶體驗來說是極其不友好的，我們希望能夠禁止微信的字體放大功能，下面我通過查找資料找到的一些解決方法
1.安卓手機禁止字體放大js代碼
<span >/*
* 頁面加入這段代碼可使Android機器頁面不再受到用戶字體縮放強制改變大小
* 但是會有一個1秒左右的延遲，期間可以考慮通過loading展示
* 僅供參考
*/
(function(){
if (typeof(WeixinJSBridge) == "undefined") {
document.addEventListener("WeixinJSBridgeReady", function (e) {
setTimeout(function(){
WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {
// alert(JSON.stringify(res));
});
},0);
});
} else {
setTimeout(function(){
WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {
// alert(JSON.stringify(res));
});
},0);
}
})();
</span>
2.iphone手機禁止字體放大，css代碼
<span ><style type="text/css">
body
{
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
</style></span>
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
