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

Encriptar email para poner en web Cuando se ponen emails en una web, éstos deben estar de alguna manera escondidos para que los robots no puedan leerlos y añadirlos a sus listas de spa...
Capturar web con Firefox Cómo capturar una web con el complemento Page Saver de Firefox Vídeo Capturar web con Firefox en YouTube
Listados y contenidos multicolumna con CSS3 Qué tiempos aquellos cuando para poner contenidos multicolumnas en una página web, nos peleábamos con las listas multicolumna. Mediante márgenes, padd...
CodeIgniter – Ejemplo Hello World Siguiendo con el post de qyer, os adjunto un pequeño vídeo demostrativo de la programación con el Framework PHP llamado CodeIgniter. El ejemplo es el ...

Deja un comentario

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

*