javascript - 调整 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);
}

上面一行会缩小 1/2 的尺寸，如果你想要更小的尺寸，你可以使用 0.3 或其他值