Hack css pour Google Chrome et Safari

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/

Un commentaire sur “Hack css pour Google Chrome et Safari

  1. Life mutuelle says:

    Cet billet est intéressant et je viens d’ailleurs le partager à une consoeur qui semble être d’accord avec vous et je suis sûre qu’elle m’en remerciera. Soyez remerciez pour ce post et l’énergie pour mettre en commun ces opinions. Je serais enchantée d’avoir l’opportunité de lire votre blog sur ce thème à l’avenir. Ca m’est vraiment très précieux ! Merci encore !

Commentaires désactivés

%d blogueurs aiment cette page :