Обнаружение окна браузера, развернутого / свернутого с помощью Javascript

когда пользователь нажимает Максимизированные / восстановленные или минимизированные кнопки браузера, есть ли способ отслеживать эти события с помощью javascript? Есть ли какое-либо подходящее событие или свойство для использования?

Я хочу, чтобы, когда пользователь нажимает кнопку "maximized" в правом верхнем углу браузера, веб-страница должна растягиваться до определенной ширины, а когда браузер находится в режиме изменения размера, веб-страница может быть изменена.

пожалуйста, кто-нибудь может мне помочь в этом? Я не имейте в виду javascript или jquery.

спасибо заранее.

6
javascript maximize-window

1 ответов

похоже, что вы хотите макет, который изменяется при изменении размера браузера, но только до максимальной ширины.

если это так, вы можете сделать это в CSS или в JavaScript.

представляя, что ваш контент находится в элементе, как:

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

мой предпочтительный вариант - использовать CSS следующим образом:

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

Если вам нужно поддерживать IE6 (который не поддерживает max-width) , вы можете попробовать использовать выражение в IE6 CSS:

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

если вы хотите использовать JavaScript: вы можете просто изменить размер своих элементов в событии изменения размера окна:

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

вы можете изначально вызвать эту логику, используя

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