Uživatelská listy Agent Styl: Mystery Okraje v Google Chrome
Včera, jako každý jiný "Den pozemního Hog", jsem pracoval na některých CSS / beztabulkový rozvržení. Všechno šlo dobře v IE 7, FF 3 a Chrome, až do roku náhle jsem viděl, některé ne-ignorable rozpětí vidění pouze v prohlížeči Google Chrome. Ačkoli velmi podivné a worring, to byla nějaká nová chyba / problém, který jsem přišel naproti přes, tam byl nakonec některé koření ve své světské práci. Sad (ale pěkný) se dostal stanoveny během několika minut sondy ...
V podstatě to vypadalo, že Google Chrome ignoroval mou CSS Obnoví odst. margin: 0px). Ve skutečnosti to bylo způsobeno stylem uživatelského agenta (-webkit-padding-start: 40px). Takže řešení bylo obnovit tento styl nastavením padding: 0 nechová prvky.
Dobrým způsobem, jak předejít tomuto problému děje na jakoukoli část je použít globální CSS Rest takto
* {Margin: 0; padding: 0;}
Co je to uživatele listy Agent Style (specifikace)?
Následující úryvek je převzat z http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj a následných odkazu se dozvíte více na uživatele listy Agent stylu
CSS 1 představí myšlenku tím, že každá User Agent (UA, často "webový prohlížeč" nebo "webový klient"), bude mít výchozí styly, které představuje dokumenty v přijatelné - ale pravděpodobně všední - způsob. CSS 2 říká, že vyhovující uživatelské jednotky se musí použít standardní styly (nebo se chovají, jako kdyby tomu tak bylo), a že uživatelský agent je přednastaveno stylů by měla předložit prvky dokumentu jazyk v cestách, které splňují obecné prezentace očekávání jazyk dokumentu, CSS 3 je pravděpodobně stejné mysli.
Vzhledem k tomu, CSS specifikace ponechat na implementaci, zda se používají "skutečný" stylů pro výchozí zobrazení, nebo ne, to není s podivem, že se vám nepodařilo najít výchozí šablonu stylů v každém prohlížeči je instalační složky. Na rozdíl od Internet Exploreru společnosti Microsoft, stejně jako opera, například (a pokud je mi známo), Gecko prohlížeče jako Firefox a Netscape Navigator (podívejte se na "html.css"), ale také Konqueror, aby bylo poměrně jednoduché pochopit jejich výchozí styl.











































28.července 2009 v 10:42
[...] Vyjádření to jen další, ale vážné vývojáři weblog "uživatelskou listy Agent Styl: Mystery Okraje v prohlížeči Google Chrome [...]
03.02.2010 v 10:14 hodin
Jen jsem narazil na stejné téma ... vaše řešení je jednoduché a teď to vypadá, že by měl:) Celkově by to mohlo být dobrý nápad mít nějaké výchozí nastavení ... ale není to očekávané chování. Přesto, chrom je nejspolehlivější prohlížeč vím ...
22.května 2010 v 1:01 am
Díky moc za tento příspěvek. Byl jsem podrážděný přídavkem 40px polstrováním, že tento výchozí list přidali, a nakonec váš příspěvek mi pomohl zbavit!
- Chris
18.června 2010 v 10:12 hod.
Díky za vysvětlení stylů UA. Chrome / Safari z nějakého důvodu přednost velikost písma na tabulkách s jejich UA CSS az nějakého důvodu to brání tělo font-size z dědění způsobuje nejrůznější bolesti hlavy. * Povzdech *
26.července 2011 v 6:34 hod.
Takže nakonec wat SHLD i do SZ! jeho nt pracuji po placin * {margin: 0px; padding: 0px;},,, mám na mysli ještě spacin je Ther??
11.08.2011 v 11:33
to určitě je chyba v chromu, že neprovedla CSS motor dobře, že děti by měla mít přednost chování rodičů / předků "
15.listopadu 2011 v 5:07 hod.
Ahoj, jsem pozorovat-webkit-padding věci a změnil to na 0px. Já můžete všimnout změny v Chrome, ale ne v Mozille. -Webkit nepodporuje Mozillu.