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

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