调整flipclock.js的大小不按预期调整大小

Question

http://flipclockjs.com/

我正在使用默认的表盘,我想做的就是大概调整1/3,但无论出于何种原因它都没有像我期望的那样调整大小

在flipclock css我更改了以下内容

.flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px;
width: 20px;
height: 30px;
font-size: 27px;
font-weight: bold;
line-height: 29px;
border-radius: 6px;
background: #000;
}

但每个ul的宽度是40px;

如果有人能指出我正确的方向,这将是伟大的..

Answer 1

我对即将发布的调查问卷发表评论

要修复FlipClock中的大小问题,只需将以下css添加到主时钟容器即可

.timer {
    zoom: 0.5;
    -moz-transform: scale(0.5);
}

如果你想要更小的尺寸你可以使用0.3或其他什么,上面的线将减小1/2的大小