调整flipclock.js的大小未按预期调整 [英] resizing flipclock.js not resizing as expected

问题描述

http://flipclockjs.com/

我使用的是默认的表盘，我想做的只是粗略地将1/3调整为大小，但是由于某种原因，它并没有按照我的预期进行调整

I'm using the default clockface, all I want to do is roughtly resize by 1/3 but for whatever reason it isn't resizing as I expect

在时钟CSS中，我更改了以下内容

In flipclock css I changed the following

.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;

but the width of each ul is is 40px;

如果有人能指出我正确的方向，那就太好了.

If anyone can point me in the right direction that would be great..

推荐答案

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

I leave a comment for upcoming questionnaires

要解决 FlipClock 中的大小问题，只需将以下CSS添加到您的主时钟容器中

To fix size issue in FlipClock, simply add following css to your main clock container

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

以上行将使尺寸减小1/2，如果您想减小尺寸，则可以使用0.3或其他任何值

above line will reduce size by 1/2, if you want smaller size you can use 0.3 or whatever

这篇关于调整flipclock.js的大小未按预期调整的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！