javascript - problème de compatibilité de l'unité rem, pourquoi la hauteur de l'image du navigateur d'oppo n'est-elle pas contrôlée

Question

Utilisez rem pour créer des pages mobiles. Pendant la phase de test, il n'y a eu aucun problème. Cela fonctionne parfaitement sur IOS, Android et autres téléphones mobiles. Cependant, lors de l'ouverture de la page avec le navigateur fourni avec le téléphone oppo, rem n'est pas valide. Seule la hauteur de l'image est invalide. Tout est invalide. Les images sont toutes étirées.
Pourquoi est-ce ?

Voici le code JavaScript pour contrôler rem

(function (doc, win) {
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
        var clientWidth = docEl.clientWidth;    
        if (clientWidth > 640){
            docEl.style.fontSize = 100 + 'px';
        }else {
            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
        }

    };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

Answer 1

Parce que la force technique d'un petit fabricant comme Oppo n'est pas bonne et que la version du noyau du navigateur intégré est trop faible