Как я могу установить <div>для ширины окна браузера при загрузке страницы (то есть, чтобы она оставалась такой же ширины при изменении размера окна браузера)

Question

Когда я устанавливаю ширину <div>, которая оборачивает всю страницу на 100%, всякий раз, когда я изменяю размер окна, <div> также изменяет размер.

Я хочу, чтобы для любого браузера и экрана, на которых вы открываете страницу, я хотел, чтобы у div было значение 100% от полного окна, а оставалось бы таким, как было установлено , так что при изменении размера окна размер div будет таким же.

Возможно ли это?

Answer 1

Вы можете сделать это, используя jQuery:

winW = $(window).width();

$('#container').css('width', winW);

Answer 2

Вы должны установить ширину равной 100% в вашем CSS, а затем использовать функцию JavaScript onLoad, чтобы переопределить ее для пикселей. Ваши пользователи не должны это замечать.

Вы можете найти множество примеров кода JavaScript.

Answer 3

Используйте jQuery's onload, чтобы получить вычисленную ширину после загрузки, затем установите ее как определенную ширину div:

$(function() {
    var width = $("#mydiv").width();
    $("#mydiv").width(width);
});