установка ширины 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

по css кажется идеальным, как предположил 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.