Ich habe ein seltsames Problem mit Bootstrap 3 und den Glyphicons! Das Problem erscheint auf meinem Android-Handy mit Chrome (neueste).Bootstrap 3 Glyphicons (Font-Face) verursacht seltsame HTML Layout Probleme
Problembeschreibung: Wenn die font-face-Anweisung in der bootstrap.css vorhanden ist, um die Glyphicon-Schriftartdatei (en) zu laden, wird das Layout der Seite ein wenig unterbrochen. Auf einem Windows-Telefon ist es in Ordnung. Es ist in Ordnung @ Firefox auf einem Desktop-Computer und auch in Chrome Desktop. Wenn ich die Seite das erste Mal lade, ist das Layout OK! Wenn ich die Seite neulade oder die Seite ändere: Das seltsame Problem erscheint und behalte! (-> Cache?)
Z. B. Screenshots von Android Handy Chrome (latest):
Button-Gruppe vertikal mit glypihcons. Symbole werden nach rechts verschoben. (Auffüllproblem?)
Schaltflächen mit Text @ footer. (Auffüllproblem auf der rechten Seite?)
Bezeichnung für ein Eingabefeld. (Es bricht nur)
Ein selbst gestalteter Checkbox + Label danach. (Unerwünschte neue Zeilenumbruch nach dem Kontrollkästchen, weil der übergeordnete Container ist ein lil 'Bit zu klein (Breite) ...)
Ich weiß nicht, was los ist! Wenn ich die Font-Familie für die Glyphicon Icons aus der bootstrap.css entferne, ist alles in Ordnung und bleibt in Ordnung (die fehlenden Glyphicon-Icons müssen vom Kurs abweichen). Wenn ich die Schriftart-Gesichtserklärung in der Akte lasse, tritt das Problem @ android Handy auf.
Hat schon jemand dieses Problem und wie kann ich das beheben und was ist das Problem?