Medidas usuales de pantallas de ordenadores y móviles

Medidas pantallas de ordenador

  • Pequeñas (portátiles y pantallas antiguas): 1024×600
  • Medianas: 1280×720
  • 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).

Artículos relacionados

Ripple – Extensión Chrome que emula móviles... Actualizamos nuestros videotutoriales con un pequeño vídeo sobre Ripple, una extensión para el navegador Chrome que nos permite emular móviles, hacien...
Overflow vertical en html Si tenemos una capa 'div' con unas determinadas medidas, nos puede interesar que si su contenido sobrepasa la capa que lo contiene, se muestren unas b...
Curso de HTML5 en formato videotutorial Aquí os dejamos el primero de los videotutoriales que componen el curso de HTML5 En el siguiente enlace podréis encontrar el resto de vídeos cr...
Enlaces de redes sociales para compartir página Hay cientos de plugins/librerías para utilizar en nuestra página web que nos permiten compartirla en las principales redes sociales. Para ello, normal...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*