如何从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 ....
});