根据用户的屏幕尺寸设置div宽度

Question

我正在尝试将div的宽度和高度设置为完全等于我的用户屏幕的大小。怎么做到呢。我应该使用jquery吗？如果是这样，怎么样？

Answer 1

一些CSS怎么样？ http://jsfiddle.net/TJGZU/

body, html { /* set size of body to full page and remove margins */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

div { /* set div to full width and height */
    width: 100%;
    height: 100%;
}

Answer 2

pp似乎是理想的，因为pimvdb建议...在jquery中进行它会是内联样式，这是一种不好的做法，除非必要，否则可以避免。

通过jquery：

    var windowWidth = $(window).width();
    var windowHeight =$(window).height();
    $('div').css({'width':windowWidth ,'height':windowHeight });

已编辑的部分：

var windowWidth = ((parseInt($(window).width())) / 2) - 120;

像这样无论高度和宽度对你来说都是理想的，你可以通过这个获得。

Answer 3

下面的

是您的问题的示例代码：

var windowWidth = ((parseInt($(window).width())) / 2) - 120;

另外，请注意，这个答案使用了jQuery。