Sur une version de chrome une image s'étend verticalement

Question

Sur http://phoenixprints.org/viewpicture.php?pid=258 l'image principale s'étend verticalement et semble mauvaise. Je ne sais pas pourquoi cela se passe du tout, et semble ne se produire que dans un certain temps. Cela n'arrive pas sur toutes les images, et me laisse perplexe.

Je cours 18.0.1025.151 (Developer Build 130497 Linux) Construit sur Ubuntu 12.04 sur le chrome et il n'arrive pas.

19.0.1084,56 m google chrome sur Windows XP ça fait?

Answer 1

Vous définissez la hauteur de l'image à 100% avec ce style:

.viewimg img { 
    width: 100%; 
    height: 100%; 
} 

Aucun des éléments parents semblaient avoir un height explicite donné, si WebKit (Mac/Safari dans mon cas) a probablement choisi la fenêtre de hauteur comme référence pour le calcul des pourcentages.

Dans Firefox, cela ne fonctionne que parce qu'il semble ignorer complètement la partie height: 100%. Essayez-le avec d'autres valeurs, et vous verrez.

Ma solution serait simplement de supprimer le height: 100% du CSS, les navigateurs devraient (en théorie) redimensionner l'image en gardant son rapport d'aspect normal.