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

没有css中的任何代码的圆圈又大又漂亮。

我试图使用css将它们缩小,但是如果我只添加它是行不通的:

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


如何缩小尺寸?什么是适合他们的代码?

如何让圈子做出回应?如果我缩小屏幕,它们将保持不变。

我正在使用Bootstrap 3.1.1。

最佳答案

如果您仍然坚持这样做,希望对您有所帮助:

首先,您发布的CSS可以正常工作(假设CSS在创建TimeCircles之前就已经存在)。

至于使他们响应;您可以强制TimeCircles重新构建自身:

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


在此过程中,TimeCircles将使用适当的尺寸进行自身重建。

如果您希望每次屏幕调整大小时都自行调整大小,则可以在其中放入以下代码:

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

09-25 17:31