Hojas de Agente de usuario de estilo: Márgenes de Misterio en Google Chrome
Ayer, como todos los demás "Día de la Marmota", yo estaba trabajando en algunos diseños de CSS / sin tablas. Todo iba bien en IE 7, 3 FF y Chrome, hasta las de repente, vi a unos márgenes de las Naciones Unidas-ignorable visto sólo en Google Chrome. Aunque es muy extraño y preocupando, era un tema nuevo bug / que yo había venido cruzando, no fue finalmente un poco de especia en mi trabajo mundano. Es triste (pero agradable) que lo arreglaron a los pocos minutos de la sonda ...
Básicamente, parecía que Google Chrome ignoró mi Restablece CSS (margin: 0px). En realidad, fue causado por la hoja de estilo del usuario (-webkit-padding-inicio: 40px). Así que la solución consistía en restablecer este estilo mediante el establecimiento de padding: 0 los elementos se portan mal.
Una buena manera de evitar que este problema ocurra a cualquier elemento es utilizar un mundial resto CSS de la siguiente manera
* {Margin: 0; padding: 0;}
¿Qué es el usuario las hojas de estilo del Agente (especificación)?
El siguiente fragmento está tomado de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, seguimiento a leer más información sobre hojas de estilo del Agente
CSS 1 introduce la idea al afirmar que cada Agente de Usuario (UA, a menudo un "navegador web" o "cliente web") tendrá una hoja de estilo por defecto que presenta los documentos en un tiempo razonable - pero sin duda lo mundano - forma. CSS 2 dice que los agentes de usuario conformes deben solicitar una hoja de estilo por defecto (o comportarse como si lo hicieron) y que la hoja de un agente de usuario de estilo por defecto debe presentar los elementos del lenguaje del documento de manera que satisfaga las expectativas generales de presentación del lenguaje del documento; CSS 3 es probable que sea de la misma opinión.
Dado que las especificaciones de CSS dejar en manos de las implementaciones de la posibilidad de utilizar una "verdadera" hoja de estilos para la visualización predeterminada o no, no es sorprendente que usted no encuentra una hoja de estilo por defecto en la carpeta de instalación de cada navegador. A diferencia de Internet Explorer de Microsoft, así como la Opera, por ejemplo (y hasta donde yo sé), los navegadores Gecko, como Firefox y Netscape Navigator (busque "html.css"), sino también de Konqueror hacen bastante fácil de comprender su estilo predeterminado.
28 de julio 2009 a las 10:42 am
[...] Expresando Sólo otro, pero los desarrolladores serios weblog «Usuario Hojas de Estilo en Agente: Márgenes de Misterio en Google Chrome [...]
03 de febrero 2010 a las 22:14
Me encontré con el mismo problema ... la solución es simple y ahora parece que se debe:) En general, podría ser una gran idea tener algunos valores por defecto ... pero no es un comportamiento esperado. Sin embargo, Chrome es el navegador más fiable que conozco ...
22 de mayo 2010 a las 1:01 am
Muchas gracias por este post. Yo estaba irritado por un relleno de 40px añadido que esta hoja por defecto añadido, y, finalmente, el mensaje me ayudó a deshacerme de él!
- Chris
18 de junio 2010 a las 22:12
Gracias por esta explicación de hojas de estilo UA. Chrome / Safari, por alguna razón reemplazar el tamaño de fuente en las tablas con la UA CSS y por alguna razón que está impidiendo que el cuerpo font-size heredar causando todo tipo de dolores de cabeza. * Suspiro *
26 de julio 2011 a las 18:34
Así que, finalmente SHLD wat i do NO! su nt workin después placin * {margin: 0px; padding: 0px;},,, me refiero siendo el spacin es TRAS??
11 de agosto 2011 a las 11:33 am
esto definitivamente es un error de cromo, que no puso en práctica el motor CSS bastante bien que el comportamiento de los niños debe pasar por encima de sus padres o antepasados '
15 de noviembre 2011 a las 17:07
Oye, hice observar el-webkit-relleno de material y lo cambió a 0px. Puedo notar el cambio en Chrome, pero no en Mozilla. -Webkit no es compatible con Mozilla.