CSS pour Safari 4.0 mais PAS Google Chrome

J'ai un problème avec CSS. Le style est correctement appliqué dans tous les navigateurs (IE6/7/8, Firefox 3+, Opera 9.5+, Google Chrome 3/4) mais dans Safari 4.0 ce n'est pas le cas. Si j'utilise:CSS pour Safari 4.0 mais PAS Google Chrome

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #blaat { margin: 1px 0px; } 
}

Je peux travailler dans Safari, mais ça se casse dans Chrome. Quelqu'un connaît-il un hack CSS spécifique à Safari 4.0?

Source

2010-03-03 Leandro López

Comment cela échoue-t-il dans Safari? – Lazarus

Le cadre de délimitation est 1px plus grand –

J'ai finalement changé le DOM et a été en mesure de le réparer. Merci quand même :) –

Essayez d'expérimenter avec line-height. La valeur par défaut de line-height dépend du navigateur, de sorte que vous pouvez obtenir différentes hauteurs de boîte englobante dans différents brwosers si vous ne définissez pas explicitement la hauteur de ligne. Par exemple le réglage line-height: 1.2em (ou 1.1em ou 1.5em ou autre) devrait conduire à la même hauteur de la boîte englobante.

Source

2010-03-03 13:41:15 Slauma

J'ai essayé, mais malheureusement je reçois la même erreur, car Safari et Chrome prennent la même hauteur de ligne –

CSS pour Safari 4.0 mais PAS Google Chrome

Répondre

Questions connexes