0

@charset en CSS con Safari

Si los estilos de tu página se ven bien en todos los navegadores menos en Safari y usas @charset en tu hoja de estilos, lo más probable es que esté mal colocada.

El @charset indica la codificación de caracteres en una hoja de estilos CSS. Tiene que ir al principio de ésta y no puede haber nada antes, ni siquiera comentarios.

@charset "utf-8";

Después vendrán todos los comentarios y el resto de la hoja de estilos.

Esto lo aprendí de la manera más dura. Todos los navegadores mostraban bien una de mis páginas, menos Safari. Revisé margins y paddings (que más de una vez me han solucionado la papeleta) pero todo seguía igual. Al final descubrí que tenía unos comentarios en el CSS antes del @charset y cuando lo moví a la primera línea, todo volvió a verse bien. ¡Mucho cuidado con esto!

No hay entradas relacionadas.