User Agent стилей: Тайна Поля в Google Chrome
Сегодня, как и любой другой "День свиньи Ground", я работал над некоторыми CSS / бестабличные макетов. Все шло хорошо в IE 7, FF 3 и Chrome, ДО вдруг, я видел некоторые не-игнорируемые поля увидеть только в Google Chrome. Хотя очень странно и worring, было несколько новых ошибка / проблема, что я пришел accross, был, наконец, некоторые специи в моей земной работы. Сад (но хороший) она была исправлена в течение нескольких минут зонда ...
В принципе, он похож Google Chrome игнорировал мои CSS Сброс (маржа: 0px). Это на самом деле был вызван стилей агента пользователя (-WebKit-обивка-старт: 40px). Таким образом, решение было сбросить этот стиль, установив отступы: 0 неправильно элементов.
Хороший способ предотвратить возникновение этой проблемы для любого элемента является использование глобальной Отдых CSS следующим
* {Маржа: 0; обивка: 0;}
Что такое User Agent Style Sheets (спецификации)?
Ниже приводятся выдержки из http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , последующие ссылки, чтобы узнать больше о пользователе листы агента стиль
CSS 1 представляет идею о том, что каждый User Agent (UA, часто "браузер" или "Веб-клиент») будет иметь таблицу стилей по умолчанию, которая представляет документы в разумный - но, возможно, мирской - образом. CSS 2 сказано, что соответствующие ПА должны применяться стилей по умолчанию (или вести себя, как если бы они и сделали), а стиль по умолчанию агента пользователя листе должны представлять элементы языка документа таким образом, чтобы удовлетворять общим ожиданиям презентации язык документа, CSS 3, вероятно, того же мнения.
Поскольку спецификации CSS оставить его до реализации, следует ли использовать "реальные" стилей для отображения по умолчанию или нет, это не удивительно, что вы не можете найти таблицу стилей по умолчанию в папке установки каждого браузера. В отличие от Internet Explorer от Microsoft, а также оперы, например, (и, насколько я знаю), Gecko браузеров, как Firefox и Netscape Navigator (искать "html.css"), но и Konqueror сделать это довольно просто понять их по умолчанию стиль.
28 июля 2009 в 10:42
[...] Выражая это просто еще один, но серьезный блог разработчиков «User Agent стилей: Тайна Поля в Google Chrome [...]
3 февраля 2010 в 10:14 вечера
Я столкнулся с той же проблемой ... Ваше решение является простым и теперь, похоже, следует:) В общем это может быть хорошей идеей, чтобы иметь некоторые значения по умолчанию ... но это не ожидаемое поведение. Тем не менее, хром является самым надежным браузером я не знаю ...
22 мая 2010 в 1:01 am
Большое спасибо за этот пост. Я был раздражен на добавленную 40px обивка, что это по умолчанию лист добавил, и, наконец, ваш пост помог мне избавиться от него!
- Крис
18 июня 2010 в 10:12 вечера
Спасибо за это объяснение стилей UA. Chrome / сафари по какой-то причине изменить размер шрифта в таблицах с их UA CSS и почему-то это предупреждение тела размером шрифта от наследования вызывая всевозможные головные боли. * Вздох *
26 июля 2011 в 6:34 вечера
Так, в конце концов Ват SHLD я делаю пи! его п workin после placin * {маржа: 0px; обивка: 0px;},,, я имею в виду еще spacin является тепло??
11 августа 2011 в 11:33
это определенно ошибка хрома, он не выполнил CSS двигателя достаточно хорошо, что дети должны изменить поведение родителей / предков
15 ноября 2011 в 5:07 вечера
Эй, я сделал наблюдение, WebKit-обивка вещи, и изменили его на 0px. Я могу заметить изменения в Chrome, но не в Mozilla. -WebKit не поддерживает Mozilla.