Detectar ventana del navegador Maximizado/Minimizado con Javascript

Question

Cuando el usuario hace clic en los botones Maximizado/Restaurar Abajo o Minimizado del navegador, ¿hay alguna forma de realizar un seguimiento de estos eventos con javascript? ¿Hay algún evento o propiedad apropiada para usar?

Quiero que cuando el usuario haga clic en el botón 'maximizar' en la parte superior derecha del navegador, la página web debe extenderse a un ancho específico y cuando el navegador está en el modo de tamaño, la página puede cambiar de tamaño.

Por favor alguien me puede ayudar en esto? No me importa javascript o jquery.

Gracias de antemano.

Answer 1

Parece que lo que desea es un diseño que cambia de tamaño cuando se cambia el tamaño del navegador, pero solo hasta un ancho máximo.

Si ese es el caso, puede hacerlo en CSS o en JavaScript.

imaginando que su contenido se encuentra en un elemento como:

<div class="container"> -content here- </div> 

Mi opción preferida sería el uso de CSS de la siguiente manera:

.container{ 
    max-width: 1200px; 
    width: 100%; 
} 

Si tiene que apoyar IE6 (que no lo hace admite max-width) puede intentar usar una expresión en el IE6 CSS:

.container{ 
    width:expression(document.body.clientWidth > 1200 ? "1200px" : "100%"); /*IE6*/ 
} 

Si desea utilizar Jav ascript: Usted sólo puede cambiar el tamaño de sus elementos en caso de cambio de tamaño de la ventana:

$(window).bind('resize', function() { 
    // resize $('.container').width() based on $(window).width() 
}); 

Usted podría desencadenar un primer momento que la lógica utilizando

$(window).trigger('resize');