ブラウザの高さ/幅を決定する方法があるかどうか疑問に思っていました。私がやろうとしていることは、ブラウザのサイズが1024x768のときにdivの高さを500pxに設定し、それより低いものは400pxに設定することです。
前もって感謝します
JQuery 1.2以降を使用している場合は、単純にこれらを使用できます。
$(window).width();
$(document).width();
$(window).height();
$(document).height();
そこから、要素の高さを決めるのは簡単なことです。
$(function(){
$(window).resize(function(){
var h = $(window).height();
var w = $(window).width();
$("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
});
});
スクロールバーなどはウィンドウのサイズに影響するため、目的のサイズに調整することをお勧めします。
Chadの答えに基づいて、その関数をonloadイベントに追加して、ページの読み込み時にもサイズ変更されるようにします。
jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);
function resizeFrame()
{
var h = $(window).height();
var w = $(window).width();
$("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
}
注意してください、Jquery 1.8.0にはバグがあり、$(window).height()はすべてのドキュメントの高さを返します!
小切手が違うはずだと思う
新規:h <768 || w <1024