Как я могу получить мой HTML Div для изменения размера в синхронизации с другими элементами

Question

Итак, я делаю веб-страницу, и когда я увеличиваю или уменьшаю масштаб в любом веб-браузере на веб-странице, все уменьшается в той же пропорции, что вполне нормально.Однако, когда я начинаю использовать DIV, который позиционирует абсолютность, я не получаю того же эффекта.При уменьшении размер div не остается пропорциональным другим элементам на странице.Как я могу позиционировать что-то абсолютно, но сохранить это относительно всего остального ... если это вообще возможно!спасибо.

Answer 1

Вы должны обработать событие изменения размера окна и вручную вычислить новую ширину / высоту вашего div.

в jQuery:

$(window).resize(function() {
  $('#div_foo').height( $(this).height()/2 );
});