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

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

Deja un comentario

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

*