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

jQuery ejemplos menus y manejo de tablas Para los que utilicen la librería jQuery para JavaScript, os puede interesar estos dos enlaces con un listado de ejemplos de: Menús desplegable...

elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...

GroundWork CSS – 04 – Framework HTML5 ... Último de los cuatro vídeos del tutorial para la creación de páginas web responsive con el framework GroundWork CSS. En este caso vemos como crear el ...

Construct2 – Crear juegos para HTML5 Os presentamos un framework para crear visualmente juegos para la plataforma HTML5. Conect2. Existen varias versiones, entre ellas la gratuita. Ést...