Mientras estábamos usando el escritorio en el sitio, movimos la navegación de la página de inicio hacia el lado derecho de la página para abrir un agujero en el lado izquierdo para más contenido. Nos gustaría agregar este contenido solo cuando la pantalla sea lo suficientemente grande. No solo cargarlo todo el tiempo y esconderlo en el móvil. Eso no sería pensar primero en dispositivos móviles, ¿verdad?
Básicamente, necesitamos probar el ancho de Windows, luego, si es lo suficientemente ancho, ajax en algún contenido. ¿Cómo averiguamos el ancho de las ventanas? Observamos un montón de formas. Lo medimos directamente. Usamos matchMedia () para probar una consulta de medios. Terminamos usando una pequeña biblioteca llamada Enquire.js para darnos funciones de devolución de llamada de consulta de medios.