vue中適配,頁面使用rem,函數設置rem基礎font-size自適應問題


 1       (function(){ //適配設置基礎rem
 2             function w() {
 3             var r = document.documentElement;
 4             var a = r.getBoundingClientRect().width;//獲取當前設備的寬度
 5             console.log(a,'獲取當前設備的寬度s');
 6                 if (a < 1280) { //414不固定,根據設計稿的寬度定
 7                             // var rem = a / (a / 10);
 8                     // var rem = a / 41.4;
 9                     a = 1280;
10                 }
11                 r.style.fontSize =  a / 130 +   "px"
12             }
13             w();
14             window.addEventListener("resize", function() { //監聽橫豎屏切換
15                 w()
16             }, false);
17         })();
      //基礎font-size:16px
      //css 寫代碼時可以借助px to rem 插件直接計算

將此方法放在  mounted  中最前面,前面不能有任何方法和調用,否則效果會有延緩


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM