Как расчитать изменение блока пропорционально окну браузера при ресайзе?

Question

[h31337]

Доброго времени суток! :)
Делаю страницу всё содержимое которой подстраивается под высоту окна браузера, ширина при этом пропорционально изменяется. Высота уже подстраивается при помощи плагина, мне осталось разобраться как пои этом будет изменяться ширина.
Мои расчеты:
Имеем изначальный макет 940(ширина) / 700 (высота). Ширина элемента при таком разрешении 450px.
940 / 700 = 1,34
К примеру мы берём значения окна в данный момент 1300 / 800 = 1,62
Считаем разницу окон 1,62 - 1,34 = 0,28
Рассчитываем разницу в изменениях элемента 450 * 0,28 = 126
450 + 126 = 576 наша ширина элемента в окне 1300 / 800
Верно ли я считаю? Как это реализовать на jquery?

Answer 1

[Александр Таратин]

Ширину можно изменить пропорционально и без js
www.mademyday.de/css-height-equals-width-with-pure...
Тут изменяют высоту, но с шириной можно аналогично сделать.

Comments

[h31337]

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