jQuery画面解像度高さ調整

Question

私は作業しているページのバランスを取るために、画面解像度に応じてDIVの上マージンを増やす方法を探したいと思います。これらの次元をjQueryまたはJavaScriptで設定する最良の方法は何ですか？

Answer 1

は、JSの画面解像度がそれはあなたがあなたに合ったものは何でもあなたのマージンを計算することができた値に基づいてscreenオブジェクト

screen.height; 
screen.width; 

を使用取得します。ここで

Answer 2

チェックアウトjQueryのdimensions plugin

Answer 3

はjQueryを使ってオブジェクトを垂直にセンタリングする方法の例です：

var div= $('#div_SomeDivYouWantToAdjust'); 
div.css("top", ($(window).height() - div.height())/2 + 'px'); 

しかし、あなたは簡単にあなたのニーズがあるものは何でもそれを変更することができます。

Answer 4

垂直方向と水平方向中心のdivまたは任意のオブジェクト（複数可）のためのもう一つの例：

var obj = $("#divID"); 
var halfsc = $(window).height()/2; 
var halfh = $(obj).height()/2; 

var halfscrn = screen.width/2; 
var halfobj =$(obj).width()/2; 

var goRight = halfscrn - halfobj ; 
var goBottom = halfsc - halfh; 

$(obj).css({marginLeft: goRight }).css({marginTop: goBottom }); 

Answer 5

var space = $(window).height(); 
var diff = space - HEIGHT; 
var margin = (diff > 0) ? (space - HEIGHT)/2 : 0; 
$('#container').css({'margin-top': margin});