vue html のルート フォントはブラウザの解像度に応じて変化し、html のフォント サイズを動的に変更します。

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();
        },

おすすめ

転載: blog.csdn.net/qq_41954585/article/details/129485806