0

我有一个使用flipclock.js 的网站。我在使它变大时遇到了一些麻烦，因此它占用了页面上的更多空间。

有谁知道如何扩大规模或扩大规模？

4

2 回答 2

1

添加这个sass，你就完成了......

.countdown.flip-clock-wrapper 
  transform: scale(1.5)
于 2018-11-26T06:55:18.737 回答
1

时钟根据字体大小进行调整。如果您在评论中提供的代码笔中更改字体大小 ( https://codepen.io/sarus/pen/xjKEZq?editors=0100 ) 整个时钟会按比例放大/缩小。您还可以单独调整边框半径、间隙和点大小。

基本上，前 4 个 SASS 变量是要更改的：

// 
// ------------------------- FlipClock
// 
$clock-flip-font-size: 200px
$clock-flip-border-radius: 8px
$clock-digit-gap: 40px
$clock-dot-size: 20px
于 2018-11-26T09:51:40.970 回答