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 中最前面,前面不能有任何方法和調用,否則效果會有延緩
