Was könnte den gleichen Browser auf verschiedenen PCs verursachen anders die gleiche HTML zu rendern?
https://stackoverflow.com/questions/1224796
-
22-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich bin ratlos. Ein Client und ich laufen beide Firefox 3.0.12 auf XP-Rechnern. Wir sehen die gleiche Seite im gleichen Browser auf verschiedenen Maschinen und haben unterschiedliche Ergebnisse. Hinweis: Alle IE-Browser auf beiden Maschinen konsistent sind, und meine FF 3.5.1 steht im Einklang mit meiner FF 3.0.12. (Er hat nicht FF 3.5.x installiert haben, mit vergleichen).
Es gibt einen 1 Pixel Unterschied, dass sein Kopf div verursacht (alle Bilder, kein Text) wickeln. Mine ist in Ordnung. Wenn ich seinen Kopf um 1 px erweitern (via Firebug CSS-Bearbeitung), es funktioniert.
So ist meine Frage, was andere Variablen gibt es, dass beeinflussen Rendering ??
Ich versuche, „outside the box“ zu denken, weil es, dass scheint es sollte funktionieren genau gleich.
Wir räumten den Browser-Cache. Ich habe einen diff auf der HTML-Quelle und andere als ein Javascript-Datetime-Stempel und ein JavaScript-Tracking-Code var, die Quellen sind identisch.
Ich weiß, diese Frage mit Quelle wäre hilfreich, aber mein Client speziell diese Seite nicht will live im Internet vor. Auch überprüfte ich die Frage über eine webex Sitzung. Zuerst konnte ich nicht glauben, dass wir unterschiedliche Ergebnisse haben würden.
Wer sonst, bevor er über so etwas wie dies kommt? Was soll ich auschecken / debug als nächstes?
Edit: Es gibt viele Vorschläge Schriftarten zeigen, aber der Header verwendet nur Bilder. Nun, das ist nicht ganz richtig, es gibt divs, die Teil einer zusammenklappbaren Menü sind, aber alle, dass festgelegt wird zunächst auf display:none Rendering, so denke ich, dass es etwas anderes ist.
Edit 2: Ich habe alle Arten von Schriftarten und -größen verändert (sowohl die System-Standard-Schriftart-Einstellungen und in Firefox) auf meinem Computer, um zu versuchen, das Problem zu replizieren. Ich habe den Rendering-Stil (Standard vs. klar Typen). Nada. Das Problem ist fast definitiv nicht im Zusammenhang Schriftart. Ich werde zu sehen, ob ich etwas mehr Zugriff auf den Computer des Kunden zu bekommen, das Problem zu replizieren.
Lösung
Da können wir nicht einen Blick auf der Website in unserem eigenen Browser nehmen, hier ist der Prozess, den ich benutzen würde, um zu versuchen, das Problem festzunageln:
-
Startcodeblöcke zu entfernen Stück für Stück, bis die beiden Browsern gleich aussehen.
-
Unabhängig davon, welche Codeblock zuletzt entfernt, die alles gemacht perfekt ausrichten (auch wenn Sie ein Stück aus dem Körper fehlen), das ist in der Nähe, wo der Schuldige ist.
-
Da Sie den Schuldigen gefunden haben, legen Sie den gesamten Code zurück. Starten Sie um mit den Güssen Messing zuerst ab. Ändern Sie Schriftarten, Größen, entfernen Sie Text, etc. , bis Sie eine Bedingung, unter der finden der Browser die gleiche ist. Wenn es nicht ein Schriftart Problem ist, beginnt um mit anderen Teilen davon durcheinander, bis Sie haben den Zustand gefunden, die es zusammenpasst.
-
Wenn Sie das getan haben, werden Sie Ihr Problem wissen und Sie können es umgehen.
Andere Tipps
Wenn Sie mit Firefox stellen Sie sicher, drücken Sie Strg-0 die Zoomstufe auf Standard.
Ich weiß, dass meine FF3.0 alles als andere Menschen sehen anders macht, weil ich es in den Einstellungen festgelegt haben eine Mindestschriftgröße von 16. Ich feinen Druck nicht bekommen zu verwenden, erhalte ich einen Haufen leserlich.
Auch auf einem Mac sind, sind die Standardschriften GROTESK, während auf Windows alles serif ist, die auch noch weiter die Schriftbreiten und -höhen ändern können.
Wenn etwas auf der Seite angegeben wird mit „em“ oder „ex“ Einheiten, sind sie auf Schriftgröße abhängig.
Ich würde vergleichen plugins / addons.
Wie wäre Ihre Schriftglättungseinstellungen - sind sie gleich (keine / Anti-Aliasing / Cleartype)? Das kann die Breite eines Textes ändern, und könnte nur sein, was Sie suchen.
Sind Sie beide genau die gleiche Bildschirmgröße verwenden? Hat Firefox versuchen, die Schriftarten auf die scheinbare Größe der Person zu skalieren, um die Seite sehen, oder auf eine bestimmte Anzahl von Pixeln?
Eine Sache, die den Sinn kommt, ist installierten Schriftarten. Wenn Sie eine Schriftart, die der Kunde es nicht zu einem 1 Pixel Unterschied in einer berechneten Größe sein könnte. FF und IE Rundung anders sein könnte, was würde erklären, warum sie sich anders verhalten.
ich meistens mit allen „font Jungs“ zustimmen weiter nach oben, aber wenn das nicht versuchen, hilft die HTTP-Header überprüft, da einige Header von Proxies und so zwischen dem Server und Ihrem Client hinzugefügt werden könnten. Aber versuchen Sie, die Schriftart Vorschläge erste ...
Viel Glück;)
Unterschiedliche Betriebssysteme haben verschiedene Schrift Rendering-Engines. Ganz anders. Mehr als genug, um zumindest einen 1 Pixel Unterschied zu verursachen, je nachdem, wie Sie Ihre CSS einrichten.
Meine erste Vermutung ist etwas, mit dem Fenster zu tun, ich erinnere mich nicht, das jemals in Firefox geschieht aber versuchen, das Fenster trotzdem Ändern der Größe. Es ist auch möglich, dass es tatsächlich etwas ist 1px breit, dass Raum einnimmt, wie ein versteckter Rahmen oder Dingsbums. Diese könnte völlig abwegig sein, da ich weiß nicht, wie man tatsächlich das Ding gemacht.
Eine mögliche Abhilfe ist mit einem div als Hintergrund eines der Bilder angezeigt werden, anstatt einen img-Tag zu verwenden, dies wird es dazu führen, einfach statt Verpackung abgeschnitten, wenn es 1px ausgeschaltet wird.
Ich sah dieses Problem einmal, und wie es der Benutzer die Seite gezoomt gedreht hatte, und der Zoom verursacht Mathematik Rundungsprobleme. Ich hatte meine Seite auf 120% versehentlich gezoomt, sie hatten nur Ihr normales 100%.
Mit aktuellen Update im Browser, nehmen Sie die Browser-Zoom-Einstellungen die dpi-Einstellungen des Systems.
In Windows 7 dpi = 125% Einstellung wird den Zoom-Effekt bei 100% Zoom des Browserfensters erzeugen.
So ist dies nicht mit HTML verwendet. das heißt sagen Einstellungen von width = 300px unterschiedlicher Größe Box auf demselben Browser mit gleichen Zoom-Einstellungen produzieren, aber mit unterschiedlichen dpi-Einstellungen.
Dpi = 125% wird größer Feld erzeugen.
Also, wenn Sie die Zoomstufe reduzieren möchten, entweder den Browser Auszoomen durch Drücken von Strg + - oder die dpi-Einstellungen des Systems verringern durch folgende Schritte an
