AccueilLaboratoire multimédias

27 août 2012.

Les tailles d’écrans et le responsive design

Responsive design et taille d’écran. Quelle valeur de min-width (...)

175 millions de phablettes (smartphone de plus de 5,5 pouces) devraient s’écouler dans le monde cette année 2014 (+210% sur un an). Les ventes de grands smartphones devraient ainsi dépasser celles des tablettes dès 2015. Dès 2018, elles devraient prendre le dessus sur les smartphones.

Aujourd’hui au laboratoire : Les différentes résolutions et écrans que les Internautes peuvent rencontrer. Un peu, beaucoup et jusqu’à la folie des grandeurs, voici les différents intermédiaires de tailles d’écrans que nous avons retenu pour concevoir nos sites Internet pour tablettes et téléphones mobiles.

 Intermédiaires entre différentes tailles d’écrans.

  1. 320px : Petits téléphones d’écran de résolution 480x320 en mode portrait.
  2. 480px : Smartphones moyens, ou petits téléphones en orientation paysage.
  3.  600px : Tablettes en portrait, iPad, e-readers, téléphone de résolution 800x480 en orientation paysage.
  4. 801px : tablette, iPad en orientation paysage, laptops de basse résolution.
  5. 1025px : Grandes tablettes en orientation paysage, laptops et desktops courants.
  6. 1281px : laptops et desktops de haute résolution.

 Pour un travail avec une grille de 960 pixels de large :

  1. 320px : smartphones, iPhones, téléphones en portrait de résolution 480x320.
  2. 481px : e-readers en portrait, petite tablette de 600px ou 640px de large.
  3. 641px : tablettes en portrait, portrait iPad, landscape e-readers, teléphone en paysage de 800x480 et 854x480 .
  4. 961px : tablette, fablettes, iPad en paysage, laptops de basse résolution.
  5. 1025px : Grandes tablettes en orientation paysage, laptops et desktops courants.
  6. 1281px : laptops et desktops de haute résolution.


Studio à Carouge (GE) Suisse, nous créons l’Internet et le multimédia, pour la plus grande satisfaction de nos clients.




Contact Lettre d'information Administration