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

Web Sniffer Para quien no la conozca, os hago llegar una interesante herramienta online encargada de leer los entresijos de una petición web. Cuando en nuestro na...
Creación página web – Los pasos La creación de una página web profesional requiere unos pasos previos. Se puede optar por esas soluciones que anuncian en la TV de crea tu página en 1...
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...
Creación de una web para navegador PC y móvil Interesante podcast sobre cómo desarrollar una web para que se muestre en formato normal cuando lo visitas en un navegador PC, y en formato móvil cuan...

Deja un comentario

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

*