Korisnik Agent Style Sheets: Mystery marži Google Chrome
Jučer, kao i svaki drugi "Dan svinja Igralište", radila sam na nekim CSS / tableless izgleda. Sve ide dobro u IE 7 i FF 3 i Chrome, sve dok odjednom, vidio sam neki un-ignorable margine vidjeti samo u Google Chromeu. Iako je vrlo čudno i worring, to je neki novi bug / problem koji sam naići, došlo je konačno neki začin u moj zemaljski rad. Sad (ali lijepa) je dobio određen u roku od nekoliko minuta od sonde ...
Uglavnom, to je izgledalo kao Google Chrome ignorira moje CSS Vraćanje (margin: 0px). To je zapravo bio uzrokovan stylesheet korisničkog agenta (-webkit-padding-start: 40px). Dakle, rješenje je vratiti taj stil postavljanjem padding: 0 čudno ponaša se elementi.
Dobar način da se spriječi ovaj problem iz događa na bilo koji element je koristiti globalnu CSS ostatka kako slijedi
* {Margin: 0; padding: 0;}
Što je to User Agent Style Sheets (Specifikacija)?
Sljedeći izvadak je preuzet iz http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , slijedite link za čitanje više o Korisničke Sheets Agent Style
CSS 1 uvodi ideju tvrdeći da svaki korisnik agent (UA, često 'web preglednik "ili" web klijenta) će imati list Default Style koja predstavlja dokumente u razumnom - ali vjerojatno zemaljski - način. CSS 2 kaže da sukladna korisnički agenti moraju primijeniti list zadani stil (ili se ponašaju kao da jesu) i da je korisnik agenta Default Style sheet bi trebao predstaviti elemente dokumenta jeziku na način da zadovoljavaju opće prezentacijske očekivanja dokumenta jeziku; CSS 3 je vjerojatno da će biti od istog uma.
Budući da su CSS specifikacije ostavite ga do implementacije li koristiti "pravi" style sheet za zadani prikaz ili ne, to nije iznenađujuće da ne možete pronaći list zadani stil u svakom preglednika instalacijskoj mapi. Za razliku od Microsoft Internet Explorer, kao i Opere, na primjer (i koliko ja znam), Gecko preglednici kao Firefox i Netscape Navigator (pogledajte "html.css"), ali i Konqueror, a čine ga jednostavno shvatiti svoju zadani styling.











































Srpanj 28th, 2009 at 10:42 am
[...] Koja ga izražava samo jedan, ali ozbiljni programeri zapise Ğ User Agent Style Sheets: Mystery margine u Google Chromeu [...]
3. veljače 2010 u 10:14 sati
Upravo sam naletio na isti problem ... vaše rješenje je jednostavno, a sada to izgleda kao da treba:) U principu to bi moglo biti dobra ideja da imaju neke zadane ... ali to nije očekivano ponašanje. Ipak, krom je najpouzdaniji preglednik ja znam ...
22. svibanj 2010 u 1:01 am
Hvala puno za ovaj post. Bio sam razdražen na dodanu 40px padding da je to zadana stanja dodane i napokon Vaš post pomogao mi dobili osloboditi od njega!
- Chris
18. lipnja 2010 u 10:12 sati
Hvala za ovaj objašnjenje UA stilovima. Chrome / safari iz nekog razloga nadjačati veličinu fonta na stolovima sa svojim UA CSS i iz nekog razloga to je sprečavanje tijelo font-size od nasljeđuje uzrokuje sve vrste glavobolje. * Uzdah *
26. srpanj 2011 u 6:34 pm
Dakle, konačno wat shld ja ne NW! njegova nt workin nakon placin * {margin: 0px; padding: 0px;},,, mislim još uvijek je daljnja spacin??
11. kolovoz 2011 u 11:33 am
ovo je definitivno bug kroma, nije provedbu CSS motor dovoljno dobro da se djeca trebaju nadjačati ponašanje svojih roditelja / predaka '
15. studenog 2011 u 5:07 pm
Hej, ja sam promatrati-webkit-padding stvari i promijenio 0px. Mogu primijetiti promjenu u Chrome, ali ne u Mozilla. -Webkit ne podržava Mozilla.