Обнаружьте окно браузера Maximized/Minimized with Javascript

Question

Обнаружьте окно браузера Maximized/Minimized with Javascript

Когда пользователь нажимает кнопки Maximized/Restore Down или Minimised браузера, есть ли способ отслеживать эти события с JavaScript? Есть ли какое-либо соответствующее событие или свойство для использования?

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

Кто-то может помочь мне в этом? Я не возражаю или против JavaScript или против jQuery.

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

7

javascript maximize-window

задан Andy E 30 July 2010 в 13:44

1 ответ

Другие вопросы по тегам:

javascript maximize-window

Похожие вопросы:

score 5 · Accepted Answer

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

В таком случае вы можете сделать это либо с помощью CSS, либо с помощью JavaScript.

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

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

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

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

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

.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');