На одной версии хром изображение растягивается вертикально

Question

На картинке http://phoenixprints.org/viewpicture.php?pid=258 основное изображение растягивается вертикально и выглядит плохо. Я не знаю, почему это происходит вообще, и, кажется, когда-то случается. Это не происходит на всех фотографиях и меня озадачивает.

Я бегу 18.0.1025.151 (Developer Build 130497 Linux) Построен на Ubuntu 12.04 на хром, и этого не происходит.

19.0.1084.56 м google хром на окнах xp он делает?

Answer 1

Вы можете установить высоту изображения до 100% с этим стилем:

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

Ни один из родительских элементов казался, не имеет явную height дана, так WebKit (Mac/Safari в моем случае), вероятно, выбрал функцию окна высота в качестве эталона для расчета процентов.

В firefox он работает только потому, что он полностью игнорирует часть height: 100%. Попробуйте его с некоторыми другими значениями, и вы увидите.

Моим решением было бы просто удалить height: 100% из css, браузеры должны (теоретически) изменять размер изображения, сохраняя его нормальное соотношение сторон.