Medidas usuales de pantallas de ordenadores y móviles

11 agosto, 2016 Programación web

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 ...