Medidas comunes de pantallas de ordenadores y móviles

Publicada el por

A la hora de diseñar una página web, debes pelearte con las Mediaqueries. Para ello, necesitaremos las medidas mas comunes de pantallas de ordenadores y móviles.

Cuando asignamos estilos a nuestra página web responsive, debemos tener en cuentas las medidas de los diferentes monitores, para poder aplicar los estilos lo más acertadamente posible.

Medidas pantallas de ordenador

  • Pequeñas (portátiles y pantallas antiguas): 1024×600
  • Medianas: 1280×720 o 1920×108
  • Grandes: 1400×900, 1600×1200 …

Medidas pantallas teléfonos móviles

  • iPhone 4 y 4S: 320 x 480
  • iPhone 5 y 5S: 320 x 568
  • iPhone 6: 375 x 667
  • iPhone 6+: 414 x 736
  • Galaxy S3, S4, S5: 360 x 640
  • Google Nexus 5: 1920×1080
  • Galaxy S: 480×800
  • Galaxy Note: 1920×1080

Medidas pantallas tabletas

  • iPad 1&2: 1024×768
  • Galaxy Tab 2 y 3 (7.0 pulgadas): 600×1024
  • Galaxy Tab 2 y 3 (10.1 pulgadas): 800×1280
  • Nexus 7: 603 x 966
  • Nexus 10: 800 x 1280
  • Microsoft Surface W8 RT: 768 x 1366
  • Microsoft Surface W8 Pro: 720 x 1280
  • Amazon Kindle Fire HD 8.9″: 1200×1920

Aquí os dejamos unos ejemplos. Como podéis ver, es una guía para poder hacer un esquema general, pero para maquetar aplicaciones o webs, pensad siempre sin necesidad de poner medidas. Utilizad Frameworks como Bootstrap, Foundation… que administran muy bien los Layouts (grids).

Si buscáis por internet, encontraréis cantidad de enlaces en relación a las medidas, pero para aconsejarte qué monitor comprar según el uso que le vayas a dar. Igualmente, te puede servir para saber qué monitores son los más vendidos según a que sectores. Si vas a hacer una web que será un portal de juegos, puedes saber que los monitores más comprados por los gamers son como mínimo los HD (1920×1080) y que empiza a extenderse los 4k. Por lo que deberás trabajar con medidas de escritorio que tengan en cuenta esto, pero a la vez saber que para móviles deberás adaptarte.

Espero que este artículo os pueda ayudar para Medidas comunes de pantallas de ordenadores y móviles

Más información