Onresize window para calcular el width y el height disponibles

5
(2)

Publicado

Aviso importante web en obras

Es posible que el contenido que estás visualizando tenga un formato un poco raro o que se haya perdido algún contenido. Esto se debe a que en 2023/09 decidí renovar la página y con más de 1000 escritos el trabajo de irlos revisando uno por uno es agotador. Poco a poco iré corrigiendo todos los contenidos. ¡Gracias por la comprensión!

Uso de resize() en jQuery

Hoy hablamos sobre como calcular las dimensiones reales de la pantalla para un ordenador de escritorio.

Veremos una de aquellas ocasiones en las que resolver un problema con jQuery es muy fácil y sin embargo hacerlo con Javascript es … ejem… digamos que no termino de encontrar una solución idónea.

Veamos el código:

Calcular width y height de window con jQuery

Onresize window para calcular el width y el height disponibles 1
La clave la encontramos en los métodos width() y height( ) aplicados al nodo window.

Calcular width y height de window con Javacript

Onresize window para calcular el width y el height disponibles 2
Si queremos calcular el ancho y la altura de la ventana disponible del navegador en tiempo real, por ejemplo cuando el usuario modifica el tamaño de la pantalla, hacerlo para el ancho es relativamente fácil.

El caso de la altura…se complica. Con sinceridad, desconozco como hacerlo y aún buscándolo no he encontrado ninguna respuesta satisfactorio.

Así que si es vital para tu proyecto entonces te recomiendo que si estás en mi mismo caso lo mejor que puedes hacer es usar jQuery.

Deja una respuesta

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