Hack css pour Google Chrome et Safari

Hack css pour Google Chrome et Safari

28 mars 2011 Non Par stephanie

Habituellement mes journées de buggages sont consacrées à IE 6 et 7 rarement à chrome. Récemment j’ai eu l’occasion de constater que beaucoup d’incohérence graphique se produisait entre FF et Chrome.


Donc voici une petite astuce que j’ai découverte.  Elle est à utiliser avec modération car je rappelle que les hack ne sont pas valide sur le w3c. Mais de temps en temps,  lorsqu’on a tout essayé… c’est utile.


/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
Votre propriété
}

Procéder par écrasement dans le code dans la css comme par exemple  :


#ma_div {
height: 340px;
width: 1000px;
position: relative;
margin-left: 200px;
}

Puis, on ajoute le hack suivant:


/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#ma_div {
width: 600px;
}
}

sources : http://glob.bargeo.fr/fr/web/css/hack-css-pour-google-chrome-et-safari/