ブラウザのサイズが変更されたときにサイズが変更されるが、最大幅までしか変更されないレイアウトが必要なようです。
その場合は、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');