HTML のフォント サイズを動的に変更します。px はブラウザのサイズに応じて変化します。コードについては特に説明する必要はありません。
1.App.vue
resizeFun() {
let docEle = document.documentElement,
resizeEvt =
'orientationchange' in window ? 'orientationchange' : 'resize',
resizeFun = () => {
let clientWidth = docEle.clientWidth;
if (!clientWidth) return;
docEle.style.fontSize = 100 * (clientWidth / 1920) + 'px';
};
if (!document.addEventListener) return;
window.addEventListener(resizeEvt, resizeFun, false);
window.addEventListener('DOMContentLoaded', resizeFun, false);
resizeFun();
},