Detection pc, tablette ou smartphone ?

WRInaute accro
Ben voila, j'ai résisté aussi longtemps que j'ai pu mais plus le choix, on me demande de developper un truc pour les trois environnements avec une interface specifique pour chaque environnement ...

C'est quoi la meilleure façon de détecter le contexte (pc, tablette et smartphone) et surtour les différents dimensions d'écrans ... Vous faites comment vous ? Vous traitez toutes les largeurs en dynamique, juste un nombre limité ?

Je suis preneur de tout retour d'experience.
 
WRInaute passionné
Je rejoins totalement spout.

Il existe un nombre conséquent de résolutions différentes, donc je ne conseille pas de faire qq chose de spécifique pour chaque résolution, mais plutôt de construire différentes tailles (3 ou 4) qui se révèleront suffisantes pour la plupart des appareils.

Ex :
- une version pour l'affichage en 1024px
- une version pour l'affichage en 800px
- une version pour l'affichage en dessous de 640px et qui s'adapte jusqu'à 320px

(Pour ma part, la première version est à 1260px pour les écrans + larges).

L'approche "mobile first" est intéressante aussi - c'est même celle qui devrait être privilégiée, mais elle est plus complexe à mettre en œuvre (Bootstrap n'est pas "mobile first").
 
Discussions similaires
Haut