亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js實現(xiàn)移動端微信頁面禁止字體放大

 更新時間:2017年02月16日 16:17:26   作者:熊翠  
本文主要介紹了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)文章

最新評論