css - only - safari hacks
Chrome/Safari ignorando mis reglas de reinicio (1)
En Safari / Chrome tiene espacio adicional en la parte izquierda / superior de ol''s, blockquotes y otros elementos.
No puedo aislar esto, sin embargo cuando miro en el inspector web en Safari, está recogiendo un margen izquierdo: de 26px en algunos elementos. No he especificado ninguna de estas reglas, ¿es esto un error en el inspector web?
¿Puede alguien aclararme por qué están ocurriendo estos problemas de espaciamiento exta? ¡Gracias!
Ese margen-izquierda: 26px es el "estilo calculado" de su margen de estilo-izquierda: 2em. De ahí que esté en la sección Estilo Computado en el Inspector Web de Safari. Entonces, si cambia su margen-izquierda a algunos otros valores, el valor de píxel de estilo calculado también cambiará.
De todos modos, de hecho hay más relleno. Y es causado por la hoja de estilo del agente de usuario (-webkit-padding-start: 40px). Restablezca este estilo configurando el relleno: 0 en su ol y cualquier otro elemento que desee.
Una buena manera de evitar que este problema vuelva a ocurrir y desarrollarse sin preocupaciones es restablecer su CSS. Un reinicio básico sería:
* { margin:0; padding:0; }