javascript - jQueryの画面解像度の高さ調整

Question

私が取り組んでいるページのバランスをより良くするために、画面の解像度に応じてDIVの上部マージンを増やす方法を見つけたいと思います。jQueryまたはJavascriptを使用してこれらのディメンションを設定するための最良の方法は何ですか？

Answer 1

JSで画面解像度を取得するには、screenオブジェクトを使用します

screen.height;
screen.width;

その値に基づいて、自分に合ったマージンを計算できます。

Answer 2

jQueryを使用してオブジェクトを垂直方向に中央揃えする方法の例を次に示します。

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

しかし、それをニーズに合わせて簡単に変更できます。

Answer 3

垂直方向および水平方向に中央に配置された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 4

jQueryディメンションプラグインを確認してください

Answer 5

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