FlipClock iPhone 在翻盖标签内展开数字

Posted 2023-03-11

【中文标题】FlipClock iPhone 在翻盖标签内展开数字

【英文标题】：FlipClock iPhone expands numbers inside the flip tabs

【发布时间】：2016-05-06 14:37:06

【问题描述】：

我在一个页面上有一个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 模拟器中执行此操作。感谢您的帮助！

【参考方案1】：

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

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

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

【讨论】：

谢谢，我认为应该是 24px，因为 36px 太大了。对于那些只为 ios 寻求 css 的人，可以在这里尝试：***.com/questions/30102792/…