10

ユーザーがブラウザ ウィンドウの「最大化」/「復元」または「最小化」ボタンをクリックしたときに、これらのイベントを JavaScript で追跡する方法はありますか? 使用する適切なイベントまたはプロパティはありますか?

ユーザーがウィンドウの右上にある「最大化」ボタンをクリックすると、Web ページが特定の幅に引き伸ばされ、ブラウザがサイズ変更可能モードのときに Web ページのサイズが変更できるようになります。

誰かがこれで私を助けてくれますか? JavaScript でも jQuery でもかまいません。

前もって感謝します。

4

3 に答える 3

6

ブラウザのサイズが変更されたときにサイズが変更されるが、最大幅までしか変更されないレイアウトが必要なようです。

その場合は、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');
于 2010-07-30T13:48:54.350 に答える