如何解决在ios上倒计时数据抖动问题

最近公司的项目里面有一个倒计时的功能，使用的组件是vant组件库的

van-count-down倒计时，精确到毫秒渲染，但是在ios上出现一个问题，ios上在进行渲染的时候，时间变化时，一直在跟着抖动，

抖动原因：时间变化时，每个数字的宽度不同，所以出现了数字一边在变化一边在抖动的问题

解决：使用等宽字体，每个字母和字符都占用相同数量的水平空间。等宽字体的示例包括Courier，Courier New，Lucida Console，Monaco和Consolas

<p style="display:flex;"><span style="vertical-align: middle;">剩余：</span> <van-count-down millisecond :time="24423449999" format="HH:mm:ss:SS"/></p>

 

 解决：

.van-count-down{
  font-family: 'Courier New', Courier, monospace;
}

参考：http://cn.voidcc.com/question/p-hfpvnaal-bhk.html