Javascript FlipClock iPhone在翻页标签中扩展数字

我在一个页面上有一个图标，除了iPhone，它在所有设备和浏览器中都能完美显示

在iPhone（4、4S、5、6）上，它会在滚动的标签页上填入如下图所示的数字

有没有人遇到过这一点，也许可以建议一个链接看看。经过了几个小时的试验，一个没有运气的错误。谢谢

时钟的相关HTML为：

    <div class="up">
      <div class="shadow"></div>
      <div class="inn">9</div>
    </div>
    <div class="down">
      <div class="shadow"></div>
      <div class="inn">9</div>
    </div>

9
9

---

我的目标是使用固定字体大小的

.min

类，但没有区别。它只在iPhone上执行此操作，但在Chrome inspect的iPhone模拟器中不执行此操作。谢谢你的帮助

我自己解决了这个问题，在一定宽度后更改字体大小

@媒体屏幕和（最大宽度：448px）{
.翻转时钟包装器ul li a div.inn{
字体大小：36px！重要；
}
}

谢谢，我想应该是24px，因为36px太大了。对于那些只在ios上寻找css的用户，可以在这里尝试：