3

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

4

1 回答 1

4

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

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

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

于 2016-11-12T14:04:08.700 回答