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/

1 thought on “Hack css pour Google Chrome et Safari”

  1. 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 !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.