FlipClock iPhone erweitert Zahlen in den Flip-Tabs

Question

Ich habe eine FlipClock.js auf einer Seite, die perfekt in allen Geräten und Browsern außer iPhone angezeigt wird.

Auf einem iPhone (4, 4S, 5, 6) füllt es die Bildlaufleisten mit der Nummer wie im Bild unten.

Hat jemand das gefunden und kann vielleicht einen Link vorschlagen, um zu sehen. Es hat Stunden des Versuchs einen Fehler gegeben, jetzt ohne Glück. Vielen Dank!

Der entsprechende HTML-Code für die Uhr ist:

<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> 

ich gezielt habe die .min Klassen mit festen Schriftgrößen, aber kein Unterschied. Es tut dies nur auf iPhones, aber nicht im iPhone-Simulator in Chrome inspizieren. Danke für jede Hilfe!

Answer 1

Ich löste dieses Problem für mich, indem ich die Schriftgröße nach einer bestimmten Breite änderte.

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

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