由于微信自帶字體放大功能，因此基于微信的頁(yè)面都可以通過(guò)微信進(jìn)行字體放大，但是有些情況下這并不是我們想要的，因?yàn)楹芏嘁苿?dòng)端頁(yè)面的開(kāi)發(fā)都是使用rem作為單位的，當(dāng)使用微信進(jìn)行字體放大是，會(huì)導(dǎo)致頁(yè)面的整體布局亂掉的情況出現(xiàn)，這對(duì)用戶體驗(yàn)來(lái)說(shuō)是極其不友好的，我們希望能夠禁止微信的字體放大功能，下面我通過(guò)查找資料找到的一些解決方法
1.安卓手機(jī)禁止字體放大js代碼
<span style="font-size:14px;">/* * 頁(yè)面加入這段代碼可使Android機(jī)器頁(yè)面不再受到用戶字體縮放強(qiáng)制改變大小 * 但是會(huì)有一個(gè)1秒左右的延遲，期間可以考慮通過(guò)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í)也希望多多支持武林網(wǎng)！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
