User Agent Style Sheets: Mystery Die Margen in Google Chrome
Gestern, wie jeder andere "Ground Hog Day", wurde ich auf einigen CSS / tableless Layouts arbeiten. Alles lief gut in IE 7, FF 3 und Chrome, soweit nicht plötzlich, sah ich einige un-ignorable Margen nur in Google Chrome zu sehen. Obwohl sehr seltsam und Worring, es einige neue Fehler / Problem war, dass ich accross kommen, gab es schließlich einige Gewürz in meinem alltäglichen Arbeit. Sad (aber feine) wurde es innerhalb von wenigen Minuten von der Sonde fixiert ...
Im Grunde sah es aus wie Google Chrome ignoriert meine CSS-Resets (margin: 0px). Es wurde tatsächlich durch den User-Agent-Stylesheet (-webkit-padding-Start: 40px) verursacht. Also die Lösung war, diesen Stil, indem Polsterung zurückzusetzen: 0 dem problembehafteten Elemente.
Eine gute Möglichkeit, dieses Problem nicht passiert zu jedem Element zu verhindern, ist weltweit ein Übriges CSS wie folgt
* {Margin: 0; padding: 0;}
Was ist User Agent Style Sheets (Spezifikation)?
Der folgende Auszug ist entnommen aus http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , folgende Link, um mehr über User Agent Style Sheets lesen
CSS 1 führt die Idee mit der Feststellung, dass jeder User Agent (UA, oft ein "Web-Browser" oder "Web-Client") wird ein Standard-Stylesheet, das Dokumente in einer angemessenen präsentiert haben - aber wohl banal - Art und Weise. CSS 2 sagt, dass konforme Benutzerprogramme müssen ein Standard-Stylesheet anwenden (oder so tun, als wenn sie es taten) und dass ein User-Agent Das Standard-Stylesheet sollten die Elemente der Sprache des Dokuments in einer Weise, die allgemeine Präsentation Erwartungen für das Dokument Sprache befriedigen zu präsentieren; CSS 3 ist wahrscheinlich einer Meinung sein.
Da die CSS-Spezifikationen lassen Sie es bis zu Implementierungen, ob eine "echte" Stylesheet für Standard-Anzeige verwendet wird oder nicht, ist es nicht erstaunlich, dass Sie nicht finden, ein Standard-Stylesheet in jedem Browser den Installationsordner. Im Gegensatz zu Microsofts Internet Explorer sowie Opera, zum Beispiel (und soweit ich weiß), machen Gecko-Browsern wie Firefox und Netscape Navigator (suchen Sie nach "html.css"), sondern auch Konqueror es recht einfach auf die Standardwerte Styling zu begreifen.
28. Juli 2009 um 10:42 Uhr
[...] Es nur ein weiterer Ausdruck, aber ernsthafte Entwickler Weblog «User Agent Style Sheets: Mystery Die Margen in Google Chrome [...]
3. Februar 2010 um 10.14 Uhr
Ich lief in das gleiche Problem ... Ihre Lösung ist einfach und jetzt sieht es aus wie es sein sollte:) Im allgemeinen ist es vielleicht eine gute Idee, einige Standardwerte haben sein ... aber es ist nicht ein erwartetes Verhalten. Dennoch ist die zuverlässigste Chrom-Browser die ich kenne ...
22. Mai 2010 um 01.01 Uhr
Vielen Dank für diesen Beitrag. Ich wurde von einem zusätzlichen 40px padding, dass dieser Standard-Blatt hinzugefügt irritiert und schließlich Ihr Beitrag hat mir geholfen, ihn loszuwerden!
- Chris
18. Juni 2010 um 22.12 Uhr
Danke für diese Erklärung der UA-Stylesheets. Chrome / Safari aus irgendeinem Grund außer Kraft setzen Schriftgröße auf den Tischen mit ihren UA CSS und es aus irgendeinem Grund verhindert den Körper font-size wird erben was zu allen möglichen Kopfschmerzen. * Seufz *
26. Juli 2011 um 18.34 Uhr
So, endlich wat SHLD ich tun nw! seine nt workin nach placin * {margin: 0px; padding: 0px;},,, ich meine immer noch das spacin ther ist????
11. August, 2011 um 11:33 Uhr
Dies ist definitiv ein Bug von Chrom, dauerte es nicht implementieren CSS-Engine gut genug, dass die Kinder das Verhalten sollten Eltern / Vorfahren überschreiben
15. November 2011 um 17.07 Uhr
Hey, das habe ich beachten-webkit-Polsterung Stoff und änderte sie auf 0px. Ich kann die Änderung in Chrome aber nicht in Mozilla zu bemerken. -Webkit nicht unterstützt Mozilla.