如何更改TimeCircles的高度和宽度？

Question

如何从TimeCircles Javascript插件更改圆圈的高度和宽度？

在css中没有任何代码的圈子很大很好。

我尝试使用css将它们缩小，但如果我只是添加它就无法工作：

#counter {
width:200px;
height:125px;
color:#444444;
margin:0 auto;
} 

如何让它们变小？什么是正确的代码？

如何让圈子响应？如果我将屏幕缩小，它们将保持不变。

我正在使用Bootstrap 3.1.1。

Answer 1

如果您仍然坚持这一点，我希望这会有所帮助：

首先，您发布的CSS显示正常（假设在创建TimeCircles之前存在CSS）。

至于使他们反应灵敏;你可以强制TimeCircles重建自己：

$("#Counter").TimeCircles().rebuild();

在此过程中，TimeCircles使用适当的维度重建自身。

如果您希望每次屏幕调整大小时自行调整大小，您可以将该代码放入其中：

$(window).resize(function(){
   // resize ....
});