js實現(xiàn)移動端微信頁面禁止字體放大
由于微信自帶字體放大功能,因此基于微信的頁面都可以通過微信進行字體放大,但是有些情況下這并不是我們想要的,因為很多移動端頁面的開發(fā)都是使用rem作為單位的,當使用微信進行字體放大是,會導(dǎo)致頁面的整體布局亂掉的情況出現(xiàn),這對用戶體驗來說是極其不友好的,我們希望能夠禁止微信的字體放大功能,下面我通過查找資料找到的一些解決方法
1.安卓手機禁止字體放大js代碼
<span style="font-size:14px;">/* * 頁面加入這段代碼可使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="font-size:14px;"><style type="text/css"> body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } </style></span>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
javascript實現(xiàn)鼠標選取拖動或Ctrl選取拖動
javascript實現(xiàn)鼠標選取拖動或Ctrl選取拖動...2007-06-06uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的全過程
最近項目需要在APP內(nèi)實現(xiàn)路線規(guī)劃導(dǎo)航功能,直接打開高德地圖進行導(dǎo)航,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的相關(guān)資料,需要的朋友可以參考下2022-08-08微信小游戲之使用three.js 繪制一個旋轉(zhuǎn)的三角形
three.js是一個可以使用javascript繪制3d圖形的庫,它對WebGL的api進行封裝,使開發(fā)更加方便,就像jQuery對DOM的api進行封裝一樣。這篇文章主要介紹了微信小游戲之使用three.js 繪制一個旋轉(zhuǎn)的三角形,需要的朋友可以參考下2019-06-06