Firefox Text 1px niedriger als Chrome und ie
Das macht mich verrückt. Firefox Text ist 1px niedriger als in Chrome und ie. Es ist kein Rand oder Padding Problem auf HTML oder Körper, versucht, dass. Es scheint auch kein Rundungsproblem zu sein. Hier ist ein Bild:
Zuerst "Hallo" ist Firefox 13, Zweite "Hallo" ist IE9 und "Hallo Welt" ist Chrome.
Hier ist der Code (ziemlich einfach):
%Vor%Ist es nur ein Fehler? Was geht hier vor sich? Ich will nicht, dass ein FireFox nur funktioniert, ich will nur verstehen, warum das passiert.
BEARBEITEN:
Nach weiteren Untersuchungen scheint es ein Rendering-Fehler zu sein, aber es verwirrt mich immer noch. Zum Beispiel sollte die Höhe des Textes 24px sein. Das sollte nicht wirklich Rundungsfehler verursachen, die dies verursachen würden. Wenn ich jedoch die Zeilenhöhe explizit auf 23px ändere, wird sie aufgereiht. Ich habe keine Ahnung warum.
EDIT2: Möglicher Grund? Ссылка
EDIT3: Es wird mit einer 20px-Schriftart und einer Zeilenhöhe von 40px aufgereiht. Lässt mich denken, das ist nur so Render Fehler. Es ist scheiße, denn 16/24 ist ziemlich Standard: /
1 Antwort
Siehe meine frühere Antwort hier: CSS-Leerraum und List-style-image werden in Firefox 11+ nicht gestapelt
Sie verwenden reset.css nicht, was zu Problemen führt
Hier finden Sie viele Links für die reset.css Grund für die Verwendung von reset.css ist, dass es alle Benutzer-Agenten (Browser) css zu einer Grundeinstellung macht, so dass sie in verschiedenen Browsern nicht anders aussehen.
Bearbeiten :: Da das OP die reset.css verwendet. Ich kann das Problem nicht reproduzieren. Die anderen Gründe könnten also
sein- Font-Rendering-Problem verschiedener Broser-Engine. No specific fix Lesen mehr
- Problem mit der Hardware. Joel spricht darüber in seinem Blog.
Auch ich stimme dem zu, was @steveax gesagt hat.
Bearbeiten 2 :: Wenn Sie in die Tiefe gehen wollen.
- Erhebe einen Fehler
- Versuchen Sie, Ihren Browser selbst einzustellen
Tags und Links html internet-explorer css google-chrome firefox