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