пропорциональное изменение высоты

[anar1811]

пропорциональное изменение высоты по отношению к ширине

var hght = $(".box").css("height");
var wdth = $(".box").css("width");
var prop = "hght" + "30px" 
$(".box").height(wdth+100);

Короче говоря, не силён я в js.
делал так

var wdth = $(".box").width();
$(".box").height(wdth+100);

но ничего не вышло.С начала всё правильно ,но потом при уменьшении окна ничего не меняется.Помогите

[danik.js]

var ratio = 1/2; // высота равна половине ширины
var $box = $('.box'); // кэшируем результат вызова функции
$box.height($box.width() * ratio);

[anar1811]

var ratio = 1/2; // высота равна половине ширины
var $box = $('.box'); // кэшируем результат вызова функции
$box.height($box.width() * ratio);

Как и говорил,сначала загружается как по плану, но при уменьшении окна браузера высота не меняется

[рони]

при уменьшении окна браузера

а где код который среагирует на изменение окна? и по какой формуле расчитать

[anar1811]

а где код который среагирует на изменение окна? и по какой формуле расчитать

А нужен ли он?
Как и было сказано я не силен в этом, если да, то хотя бы намекните как сделать

[рони]

anar1811,
гуглите
http://novice2ninja.ru/ninja-book/ch...-textarea.html
http://johnpolacek.github.io/imagefill.js/

[anar1811]

anar1811,
гуглите
http://novice2ninja.ru/ninja-book/ch...-textarea.html
http://johnpolacek.github.io/imagefill.js/

Счастья тебе!

Вот,что вышло.Может кому нибудь понадобится.
http://codepen.io/mrguseynov/details/kneiB

[danik.js]

2/1.7 - так дроби не записывают. Лучше 20/17.
Кстати, есть вариант на css, правда он выглядит костыльно:
http://codepen.io/anon/pen/pJCmK

[DimJavaScript]

http://codepen.io/anon/pen/pJCmK[/url]

А в чём "костыльность" примера?
Можно чуть подробнее, в чём принцип?

[DimJavaScript]

danik.js,
Вроде, разобрался
Задавая отступ сверху для вложенного блока в процентах, мы, по-сути, задаём высоту блока-контейнера "по-умолчанию".
Хитро!