vue 初始化rem

在assets => js => rem.js

 export default {
     init () {
         let sw = document.documentElement.clientWidth
         if (sw > 550) {
             sw = 550
         }
         document.documentElement.style.fontSize = sw / 375 * 1.25 * 100 + '%'
         window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
             location.reload()
         }, false)
     }
 }

App.vue

 import rem from '@/assets/js/rem.js'
 export default {
     mounted () {
         rem.init()
     }
 }

使用时如果是375px的设计图，量取的px / 20， 比如量取50px / 20 = 2.5rem;

如果是750px设计图则  / 40