在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