在一個版本的chrome上，一張圖片垂直延伸

Question

在http://phoenixprints.org/viewpicture.php?pid=258上，主圖片垂直延伸並看起來很糟糕。我不知道它爲什麼會發生，似乎只是在某個時候發生。這不會發生在所有圖片上，令我困惑。

我正在運行18.0.1025.151（Developer Build 130497 Linux）基於Ubuntu 12.04在鉻上構建，並沒有發生。

19.0.1084.56 m谷歌瀏覽器在Windows XP上它呢？

Answer 1

您設置圖像高度爲100％，與此風格：

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

無父元素似乎有一個明確的height給出，所以WebKit的（蘋果/ Safari在我的情況）可能選擇了窗口身高作爲計算百分比的參考。

在Firefox中它只能工作，因爲它似乎完全忽略了height: 100%部分。嘗試一下其他值，你會看到。

我的解決方案是簡單地從css中刪除height: 100%，瀏覽器應該（理論上）通過保持其正常的高寬比來調整圖像大小。