3

iPhone を除くすべてのデバイスとブラウザーで完全に表示されるページにFlipClock.jsがあります。

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 に答える