jQuery 屏幕分辨率高度调整

Question

为了更好地平衡我正在处理的页面，我想找到一种方法来根据屏幕分辨率增加 DIV 的上边距。 使用 jQuery 或 Javascript 设置这些尺寸的最佳方法是什么？

Answer 1

要在 JS 中获取屏幕分辨率，请使用 screen 对象

screen.height;
screen.width;

根据该值，您可以计算适合您的利润。

Answer 2

垂直和水平居中的 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 3

查看 jQuery 维度插件

Answer 4

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

Answer 5

下面是一个关于如何使用 jQuery 将对象垂直居中的示例：

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

但是您可以轻松地将其更改为您需要的任何内容。