DOMWindow всплывающее окно автоматического изменения размера содержимого

Question

Я использую JQuery и учусь по ходу дела, мне было просто любопытно, есть ли способ автоматически изменить размер DOMwindow до его содержимого?

Мне удалось выяснить, как изменить параметры, чтобы они брали% ширину и высоту вместо px, но я обнаружил, что представление с динамическим изменением размера лучше использовало бы цель моего сайта.

Стоит ли искать другой тип кода для достижения этой цели?

Answer 1

Если у вас есть содержащий элемент переноса, который содержит все содержимое и не установлен на 100%:

<div id="main_container">
    // page contents
</div>

Теперь вы можете получить размеры содержащего элемента, а затем изменить размер окна в соответствии с требованиями.

В jQuery:

$(document).ready(function() {
    var myElement = $('#main_container');
    var sWidth = myElement.width();
    var sHeight = myElement.height();

    window.resizeTo(sWidth, sHeight);
})

Есть и другие способы сделать это, если вы будете тщательно искать на этом сайте, вы найдете свой ответ. Вы можете использовать (document).width() и (window).width(), поскольку этот ответ описывает: jQuery (document) .width () не включает ширину за пределами видимой области