Usuario Folla de Estilos: Axente Marxes Misterio en Google Chrome
Onte, como todos os outros "Día Ground Hog", estaba a traballar en algúns esquemas CSS / tableless. Todo estaba indo ben no IE 7, 3 FF e Chrome, untill de súpeto, vin algunhas marxes un-ignoráveis visto só en Google Chrome. A pesar de moi raro e preocupante, era un problema de novo erro / que eu tiña benvida accross, houbo finalmente un pouco de temperado no meu traballo mundano. Triste (pero agradable) que foi fixado nuns minutos da sonda ...
Basicamente, parecía Google Chrome ignorou meu CSS redefine (Margin: 0px). De feito, foi causado polo estilo axente de usuario (-webkit-recheo de inicio: 40px). Entón a solución foi axustar ese estilo, definindo padding: 0 elementos mal comportados.
Unha boa forma de evitar que este problema ocorre con calquera elemento é por este descanso CSS global como segue
* {Margin: 0; padding: 0;}
Qué é o User Axente follas de estilo (especificación)?
O seguinte fragmento é eliminado http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, siga a ler máis sobre Follas de Estilo do usuario do Axente
CSS 1 introduce a idea ao afirmar que cada User Agent (UA, moitas veces un "navegador" ou "cliente web ') terá unha folla de estilo estándar que presenta documentos nun razoable - pero, sen dúbida mundano - xeito. CSS 2 di que os axentes de usuário conforme debe aplicar unha folla de estilo estándar (ou se comportan como se fixo) e que unha folla de axente de usuario estilo estándar debe presentar os elementos da linguaxe do documento de forma que satisfaga as expectativas de presentación xerais para o idioma do documento; CSS 3 é susceptible de ser da mesma mente.
Como as especificacións CSS deixalo ata implementacións usar unha folla de estilo "real" para a visualización por defecto ou non, non é sorprendente que non atopa unha folla de estilo estándar en cada cartafol de instalación do navegador. A diferenza do navegador de Microsoft, así como Opera, por exemplo (e, tanto canto eu sei), navegadores Gecko como Firefox eo Netscape Navigator (buscar "html.css"), pero tamén o Konqueror facelo moi sinxelo de comprender o seu estilo por defecto.
28 de xullo de 2009 ás 10:42 am
[...] Expresando só un, pero graves desenvolvedores weblog «usuario Folla de Estilos: Axente Marxes Misterio en Google Chrome [...]
03 de febreiro de 2010 ás 10:14
Eu corrín para o mesmo problema ... a solución é simple e agora parece que debe :) En xeral, pode ser unha boa idea ter algúns patróns ... pero non é un comportamento esperado. Aínda así, o Chrome é o navegador máis fiable que coñezo ...
22 de maio de 2010 ás 1:01 pm
Moitas grazas por este post. Eu estaba irritado con un estofado engadido 40px que esta folla estándar engadido e, finalmente, o seu post me axudou a librar-se dela!
- Chris
18 de xuño de 2010 ás 10:12
Grazas por esta explicación de estilo UA. Chrome / safari por algún motivo, substituír o tamaño da fonte en táboas co seu UA CSS e por algunha razón é evitar que o corpo font-size de herdar causando todo tipo de dores de cabeza. * Suspiro *
26 de xullo de 2011 ás 18:34
Entón, finalmente wat shld fago NW! súa nt traballando despois placin * {Margin: 0px; padding: 0px;},,, quero dicir aínda a spacin é ther?
11 de agosto de 2011 ás 11:33 am
iso sempre é un erro de Chrome, non aplicar motor CSS ben o suficiente para que o comportamento dos nenos debe substituír os seus pais / ancestrais "
15 nov 2011 ás 05:07
Ola, eu fixen observar o webkit-padding-cousas e trasladouse a 0px. Eu podo entender o cambio no Chrome, pero non no Mozilla. -Webkit non soporta Mozilla.