vue 初始化rem

在assets => js => rem.js

 1 export default {
 2     init () {
 3         let sw = document.documentElement.clientWidth
 4         if (sw > 550) {
 5             sw = 550
 6         }
 7         document.documentElement.style.fontSize = sw / 375 * 1.25 * 100 + '%'
 8         window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
 9             location.reload()
10         }, false)
11     }
12 }

App.vue

1 import rem from '@/assets/js/rem.js'
2 export default {
3     mounted () {
4         rem.init()
5     }
6 }

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

如果是750px设计图则  / 40

转载于:https://www.cnblogs.com/1032473245jing/p/9628090.html