remarquer une étrange anomalie de rendu dans Firefox 3.5 / 3.6 (N'a pas essayé d'autres versions) dans Mac OS X. En regardant autour de vous, j'ai vu des problèmes similaires rapportés et abordés, mais la plupart épartaient la hauteur de la ligne CSS. Normal par opposition à une mesure d'unité.
Prenez le code suivant: P>
<style>
h1{
background-color:#f00;
font-size:40px;
line-height:40px;
}
</style>
<h1>This is a test</h1>
3 Réponses :
Vous avez présenté un exemple très convaincant des légères différences entre le rendu des polices sur Firefox pour Mac par rapport aux autres navigateurs. Je dirais que ff sur Mac vous trompe ici car même réglage Cela dit, il n'y a absolument aucune raison de utiliser des images ici pour émuler le rendu d'un navigateur. Un site Web n'a pas besoin de regarder la même chose dans tous les navigateurs. vertical-align: la ligne de base; ne change pas le résultat.
Le problème se pose probablement dû à Mac et à Safari à l'écoute de la typographie beaucoup plus que tout autre navigateur ou système d'exploitation. Il est plus susceptible d'afficher correctement les polices car elles doivent être affichées. J'ai lu à ce sujet à ce sujet sur d'innombrables occasions au fil des ans, mais malheureusement, je ne peux me souvenir aucun de cela au-delà de cela. Je suis sûr que quelqu'un va venir avec un lien qui explique cela plus loin.
Je sais que c'est une vieille question, mais je l'ai trébuché lorsque vous cherchez une solution de contournement pour le même problème. D'après beaucoup de recherches et de tests, il semble être l'une de ces "Windows contre le reste des choses de type mondial" (surprise surprise!) Alors voici mon correctif JQuery ... Je viens de cibler le H1 avec pourrait aider quelqu'un à l'avenir! HTML.Windows H1 pour corriger la différence avec CSS sous Windows.