使用 css3 和 jQuery 制作缩放圆圈

Question

我有三个具有基于百分比宽度的块级行项目，因此每个项目的宽度与浏览器窗口的宽度相等。这很容易。

我需要帮助的是使用 jQuery 查找每个项目的宽度并将项目的 height 属性指定为等于宽度，这样无论浏览器窗口的宽度如何，项目的宽度和高度都是相等的。

一旦宽度和高度相同，使用 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/