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 ?
(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);
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