js實(shí)現(xiàn)移動(dòng)端微信頁(yè)面禁止字體放大
由于微信自帶字體放大功能,因此基于微信的頁(yè)面都可以通過微信進(jìn)行字體放大,但是有些情況下這并不是我們想要的,因?yàn)楹芏嘁苿?dòng)端頁(yè)面的開發(fā)都是使用rem作為單位的,當(dāng)使用微信進(jìn)行字體放大是,會(huì)導(dǎo)致頁(yè)面的整體布局亂掉的情況出現(xiàn),這對(duì)用戶體驗(yàn)來(lái)說是極其不友好的,我們希望能夠禁止微信的字體放大功能,下面我通過查找資料找到的一些解決方法
1.安卓手機(jī)禁止字體放大js代碼
<span style="font-size:14px;">/* * 頁(yè)面加入這段代碼可使Android機(jī)器頁(yè)面不再受到用戶字體縮放強(qiáng)制改變大小 * 但是會(huì)有一個(gè)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手機(jī)禁止字體放大,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>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
javascript實(shí)現(xiàn)鼠標(biāo)選取拖動(dòng)或Ctrl選取拖動(dòng)
javascript實(shí)現(xiàn)鼠標(biāo)選取拖動(dòng)或Ctrl選取拖動(dòng)...2007-06-06uniapp開發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的全過程
最近項(xiàng)目需要在APP內(nèi)實(shí)現(xiàn)路線規(guī)劃導(dǎo)航功能,直接打開高德地圖進(jìn)行導(dǎo)航,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的相關(guān)資料,需要的朋友可以參考下2022-08-08微信小程序錯(cuò)誤this.setData報(bào)錯(cuò)及解決過程
這篇文章主要介紹了微信小程序錯(cuò)誤this.setData報(bào)錯(cuò)及解決過程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09原生JavaScript實(shí)現(xiàn)的無(wú)縫滾動(dòng)功能詳解
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)的無(wú)縫滾動(dòng)功能,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript無(wú)縫滾動(dòng)具體實(shí)現(xiàn)步驟、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2020-01-01微信小游戲之使用three.js 繪制一個(gè)旋轉(zhuǎn)的三角形
three.js是一個(gè)可以使用javascript繪制3d圖形的庫(kù),它對(duì)WebGL的api進(jìn)行封裝,使開發(fā)更加方便,就像jQuery對(duì)DOM的api進(jìn)行封裝一樣。這篇文章主要介紹了微信小游戲之使用three.js 繪制一個(gè)旋轉(zhuǎn)的三角形,需要的朋友可以參考下2019-06-06JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼,涉及javascript動(dòng)態(tài)切換頁(yè)面樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08