javascript - FlipClock iPhone 在翻盖标签内扩展数字

Question

我有一个 FlipClock.js在除 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>

我已将 .min 类定位为具有固定字体大小，但没有区别。它只在 iPhone 上执行此操作，但不会在 Chrome 检查中的 iPhone 模拟器中执行此操作。感谢您的帮助!

Answer 1

我通过在一定宽度后更改字体大小自行解决了这个问题。

@media screen and (max-width: 448px) {

	.flip-clock-wrapper ul li a div div.inn {
		font-size: 36px !important;
	}
}