Die Vue-HTML-Root-Schriftart ändert sich mit der Browserauflösung und ändert dynamisch die Schriftgröße von HTML

Ändern Sie dynamisch die Schriftgröße von HTML, px ändert sich mit der Größe des Browsers, zum Code gibt es nicht viel zu sagen.
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();
        },

Ich denke du magst

Origin blog.csdn.net/qq_41954585/article/details/129485806
Empfohlen
Rangfolge