Потребителски листове агент Стил: Мистерия маржове в Google Chrome

Вчера, като всеки друг "Приземен свиня Ден", е работил по някои CSS / tableless оформления. Всичко вървеше добре в IE 7, FF 3 и Chrome, докато изведнъж видях някои от ООН ignorable маржове, наблюдавани само в Google Chrome. Въпреки, че много странно worring, Това е някакъв нов бъг / проблем, че съм идват accross, имаше най-накрая някаква подправка в светски ми работа. Сад (но добре) го определя рамките на няколко минути на сондата ...

По принцип, тя изглеждаше като Google Chrome игнорира ми CSS-Нулира (марж: 0px). То всъщност е била причинена от стилове на потребителския агент (WebKit-подложка-старт: 40px). Така че решението е да възстановите този стил, чрез определяне на подложка: 0 непослушните елементи.
Един добър начин да се предотврати този проблем да се случва на всеки елемент е да използвате глобален почивка на CSS, както следва

* {Граница: 0; подложка: 0;}

Какво е Потребителски листове агент стил (спецификация)?
Следният откъс е взета от http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , последваща връзка, за да прочетете повече на потребителските агент Стил листове

CSS 1 въвежда идеята, като посочва, че всяка User Agent (UA, често "уеб браузър" или "уеб клиент") ще има лист по подразбиране стил, който представя документи в разумен, но може би банално - начин. CSS 2 казва, че отговарят агенти потребителски трябва да се прилага един лист стил по подразбиране (или се държат така, сякаш те направи) и, че лист по подразбиране един потребител агент на стил трябва да представи елементите документ език по начини, които удовлетворяват общи очаквания за представяне на документ език; CSS 3 е вероятно да бъде от един и същи ум.

Тъй като CSS спецификации се остави на реализации, дали да се използват "истински" стил за основния дисплей или не, това не е учудващо, че не можете да откриете лист по подразбиране стил в инсталационната папка на всеки браузър. За разлика от Internet Explorer на Microsoft, както и Opera, например (и доколкото знам), Gecko браузъри като Firefox и Netscape Navigator (погледнете за "html.css"), но също така Konqueror, че е доста проста, за да разберем техния стил по подразбиране.


7 коментара към "Потребителски агент Стил листове: Мистерия маржове в Google Chrome"

  • Изразяването »Blog Archive» CSS2.1 User Agent стил лист по подразбиране се казва:

    [...] Изразяването Просто още един, но сериозни разработчици уеблог "Потребителски листове агент Стил: Мистерия маржове в Google Chrome [...]

  • mcahornsirup казва:

    Аз просто се блъсна в един и същи въпрос ... вашето решение е просто и сега изглежда както трябва:) Като цяло може да се окаже добра идея да има някои по подразбиране ... но това не е очаквано поведение. Все пак, Chrome е най-надежден браузър, аз знам ...

  • Крис Трот казва:

    Благодаря много за този пост. Бях раздразнен от добавена 40px подложка, че този лист по подразбиране добавя и най-накрая своя пост ми помогна да се отървете от него!

    - Крис

  • Саймън казва:

    Благодаря за това обяснение на UA стилове. Chrome / Safari по някаква причина замени размер на шрифта на таблицата със своята UA CSS и по някаква причина за това е предотвратяване на тялото на шрифта размер от наследяването причинява всички видове главоболие. * Въздишка *

  • Johnsaxon казва:

    Така че, най-накрая Уот shld аз правя СЗ! NT работи след placin * {марж: 0px; подложка: 0px;},,, Искам да кажа, все още spacin е там???

  • Джей казва:

    Това определено е грешка на хром, той не е изпълнил CSS двигател, достатъчно добре, че поведението на децата трябва да се замени "/ предци" техните родители

  • Mithali казва:

    Хей, аз го наблюдават на WebKit-подложка неща и да го променя на 0px. Мога да забележите промяна в Chrome, но не и в Mozilla. -WebKit не поддържа Mozilla.

Вашият коментар

НДК начало | Изразявайки | Изразявайки Вкус | Изразявайки Penmenship | Изразявайки страхопочитание | Изразяване на себе си