Résolutions pour le responsive design

La question revient souvent… « quelles valeurs de points de rupture dois-je utiliser dans Muse ? »

Il n’existe malheureusement pas de réponse précise pour différentes raisons que je ne peux pas exposer en quelques lignes sur cette page. Je vous invite donc à parcourir ces quelques pages de sites qui traitent du sujet de « break points » en général (pas uniquement par rapport à Muse).

 

Dans le cas où vous n’auriez pas le temps de lire toutes ces références, vous pouvez au moins utiliser/choisir parmi ces points de rupture :

  • 320
  • 767 (768)
  • 1023 (1024)
  • 1199 (1200)
  • 1919 (1920)

Attention, si vous faites des recherches de votre côté, veillez à ce que les pages web trouvées soient récentes (moins de 1 an). Les standards et résolutions évoluent. Voici également quelques résolutions standards en fin 2016.

Desktop (ordinateur de bureau)
2560 px
1920 px
1680 px
1440 px

Laptop (ordinateur portable)
1366 px
1280 px
1152 px

Téléphone/Smartphone et tablettes
1024 px
768 px,
640 px,
480 px,
414 px (iPhone 6+)
375 px (iPhone 6)
320 px (iPhone 4,5,6,SE et résolution minimum)

 

Voici également un très bon article sur les viewports : https://deviceatlas.com/blog/viewport-size-statistics-2016

Les commentaires sont clos.