2016-06-15 17 views
0

Ich habe ein Problem erlebt, wo manchmal, völlig zufällig, meine Website Text extrem klein wird. Das passiert nur bei Firefox auf dem Mac, soweit ich das beurteilen kann. Es sieht wie folgt aus:Website Text wird zufällig unglaublich klein

The appearance

Wenn ich Firebug überprüfen, merke ich, dass es einen font-size: 1px Satz auf den Körper, die das Problem erklärt (die Website ist em Basis aus, die den Körper Schriftgröße folgt). Das Problem ist, ich setze niemals font-size: 1px irgendwo innerhalb meines Codes. Es sagt font-size: 1em.

When I check Firebug.

Ist das ein bekanntes Problem mit einer Auflösung? Dies ist eine Website, die in einer Produktionsumgebung ziemlich bald verwendet werden wird, und ich kann nicht vorhersagen, wann der Fehler auftreten könnte!

+0

Tritt dies nur lokal auf, oder auch auf anderen Macs, auf denen nie zuvor Versionen des Stylesheets geladen waren? Wie auch immer, ich habe keine Lösung, aber wenn die Seite bald online geht und du sie nicht finden kannst und du verzweifelt bist, könntest du dem Onload-Handler etwas Javascript hinzufügen, das prüft, ob die Schriftgröße 1px ist und wenn ja , setze es auf 14px oder so. –

Antwort

1

Em ist relativ zur Schriftgröße seines direkten oder nächsten Elternteils, Rem ist nur relativ zur html (root) -Schriftgröße.

0

Es empfiehlt sich, die Schriftgröße von HTML in ems festzulegen, da dies relativ zur Browserschriftgröße ist. Normalerweise beträgt die Schriftgröße des Browsers 16px, kann jedoch verschoben werden. Später können Sie Rems verwenden, die relativ zum Root-Wert HTML sind.

+0

Wird dies helfen, das Problem zu beheben? – Forest

+0

In Kombination mit einigen CSS-Reset-Dateien, um Browser-Inkonsistenzen zu lösen, und mit der richtigen Verwendung von ems und rems-Werten sollte es in Ordnung sein, erwarten Sie, wenn es einen bekannten Bug in Bezug auf Mozilla auf Mac gibt ... –