使用 css3 和 jQuery 制作缩放圆圈答案

【问题标题】：Make scaling circles with css3 and jQuery使用 css3 和 jQuery 制作缩放圆圈
【发布时间】：2012-01-27 00:02:17
【问题描述】：

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

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

一旦宽度和高度相同，使用 css3 制作漂亮的圆形背景就很容易了。

【问题讨论】：

【解决方案1】：

这样的？看起来没那么难，我可能漏掉了什么。

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

【讨论】：

【解决方案2】：

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

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

我将查询分配给一个变量，因为在调整窗口大小时调用事件非常密集。

【讨论】：