Onresize window para calcular el width y el height disponibles

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:

La clave la encontramos en los métodos width() y height( ) aplicados al nodo window.

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.