FlipClock iPhone 展开翻页标签内的数字
FlipClock iPhone expands numbers inside the flip tabs
我的页面上有一个 FlipClock.js,它在除 iPhone 以外的所有设备和浏览器中都能完美显示。
在 iPhone(4、4S、5、6)上,它用如下图所示的数字填充滚动标签。
有没有人遇到过这个,也许可以建议 link 看看。现在已经试错了几个小时,但没有运气。谢谢!
时钟的相关 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
class,字体大小固定,但没有区别。它只在 iPhones 上执行此操作,但在 Chrome inspect 中的 iPhone 模拟器中不执行此操作。感谢您的帮助!
我通过在一定宽度后更改字体大小自行解决了这个问题。
@media screen and (max-width: 448px) {
.flip-clock-wrapper ul li a div div.inn {
font-size: 36px !important;
}
}
我的页面上有一个 FlipClock.js,它在除 iPhone 以外的所有设备和浏览器中都能完美显示。
在 iPhone(4、4S、5、6)上,它用如下图所示的数字填充滚动标签。
有没有人遇到过这个,也许可以建议 link 看看。现在已经试错了几个小时,但没有运气。谢谢!
时钟的相关 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
class,字体大小固定,但没有区别。它只在 iPhones 上执行此操作,但在 Chrome inspect 中的 iPhone 模拟器中不执行此操作。感谢您的帮助!
我通过在一定宽度后更改字体大小自行解决了这个问题。
@media screen and (max-width: 448px) {
.flip-clock-wrapper ul li a div div.inn {
font-size: 36px !important;
}
}