Сделайте масштабирование кругов с помощью css3 и jQuery

Question

У меня есть три позиции на уровне блоков с шириной в процентах, поэтому ширина каждого элемента масштабируется одинаково по ширине окна браузера. Это просто.

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

Как только ширина и высота будут одинаковыми, будет легко использовать css3, чтобы создать хороший круг.

Answer 1

Как то так?Не выглядит так сложно, я мог что-то упустить.

$('.circle').each(function(){
  var element = $(this);
  element.height(element.width());
})

Answer 2

var item = $('.item'); 
item.css("height", item.width());

$(window).resize(function(){
  item.css("height", item.width());
})

Я назначаю запрос переменной, потому что вызов событий при изменении размера окна довольно интенсивен.

http://jsfiddle.net/CKLZM/