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

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