Obtener tamaño de la pantalla con JavaScript

Obtener tamaño de la pantalla con JavaScript

Obtener tamaño de la pantalla con JavaScript

En este tutorial aprenderemos cómo obtener el tamaño de la pantalla en píxels utilizando JavaScript. Ésta medida es muy útil si queremos, por ejemplo adaptar nuestro código a diferentes tamaños de pantalla.

Obtener altura de la pantalla

Para obtener la altura usaremos la función width

var altura = screen.height;

Obtener ancho de la pantalla

Para obtener el ancho usaremos la función height

var ancho = screen.width;

Para obtener el tamaño de la pantalla existen otros métodos. Veamos unos ejemplos

Métodos outerHeight y outerWidth

Los métodos outerHeight y outerWidth devuelven el tamaño en píxels de la pantalla, incluyendo todos los elementos de la página.

Métodos innerHeight y innerWidth

Estos métodos también devuelven el tamaño en píxels, pero sólo del espacio en el que se visualiza la página. teniendo en cuenta las barras de desplazamiento pero no lo demás (menús, estado, herramientas, etc..).

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas