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/cs/hack-css-pour-google-chrome-et-safari/

autre source de réflexion : https://www.24joursdeweb.fr/2023/choisir-le-html-natif-pour-mettre-fin-aux-hacks-css-dans-la-creation-de-formulaires/