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.


7 Reakcija to "User Agent Style Sheets: Mystery marži Google Chrome"

  • Ga izražava »Blog Archive» CSS2.1 User Agent style sheet zadane kaže:

    [...] Koja ga izražava samo jedan, ali ozbiljni programeri zapise Ğ User Agent Style Sheets: Mystery margine u Google Chromeu [...]

  • mcahornsirup kaže:

    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 ...

  • Chris Trott kaže:

    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

  • Simon Says:

    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 *

  • Johnsaxon kaže:

    Dakle, konačno wat shld ja ne NW! njegova nt workin nakon placin * {margin: 0px; padding: 0px;},,, mislim još uvijek je daljnja spacin??

  • jay kaže:

    ovo je definitivno bug kroma, nije provedbu CSS motor dovoljno dobro da se djeca trebaju nadjačati ponašanje svojih roditelja / predaka '

  • Mithali kaže:

    Hej, ja sam promatrati-webkit-padding stvari i promijenio 0px. Mogu primijetiti promjenu u Chrome, ali ne u Mozilla. -Webkit ne podržava Mozilla.

Dopust jedan Odgovor

NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe