由于微信自帶字體放大功能,因此基于微信的頁面都可以通過微信進行字體放大,但是有些情況下這并不是我們想要的,因為很多移動端頁面的開發(fā)都是使用rem作為單位的,當使用微信進行字體放大是,會導致頁面的整體布局亂掉的情況出現(xiàn),這對用戶體驗來說是極其不友好的,我們希望能夠禁止微信的字體放大功能,下面我通過查找資料找到的一些解決方法
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供海陽網(wǎng)站建設、海陽做網(wǎng)站、海陽網(wǎng)站設計、海陽網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、海陽企業(yè)網(wǎng)站模板建站服務,10多年海陽做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
1.安卓手機禁止字體放大js代碼
/*
* 頁面加入這段代碼可使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);
}
})();
2.iphone手機禁止字體放大,css代碼
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持創(chuàng)新互聯(lián)!