javascript - Questions sur l'adaptation mobile

Question

Actuellement, il existe un projet de compte public qui nécessite une mise en page adaptative mobile. Veuillez me donner la solution parfaite

.

J'ai testé flexible.js moi-même, et la mise en page peut répondre aux exigences, mais qu'en est-il des polices ? Il n'existe que trois types de dpr, qui ne peuvent pas répondre à autant de modèles Android. J'ai beaucoup vérifié en ligne et j'ai constaté que certains utilisent directement rem. comme unité de police, mais cette police L'affichage n'est pas bon.

Existe-t-il une solution parfaite ?

Answer 1

Parce que les problèmes de compatibilité des appareils Android sont trop compliqués, les téléphones Android nationaux tels que Android Pad et ZTE présentent de nombreux bugs étranges, tels que :

    viewport content 的写法要兼容各种奇葩 Android 设备，兼容测试的成本很高

Par conséquent, dpr = 1 est traité uniformément pour les appareils Android.

Ma solution actuelle utilise également le flexible.js de Taobao, qui est très puissant !

Vous pouvez vous référer à :
https://www.zhihu.com/questio...
https://github.com/amfe/artic...

Answer 2

Je ne l'ai jamais fait du côté mobile. Ce que j'ai fait est réactif. En utilisant REM, vous devez définir la taille de la police sur le corps : 62,5 % ; j'ai également une bonne expérience en le mettant du côté mobile :)