首次加載Chrome/Safari圖片高度問題

Question

我正在做我的第一個網站，並決定使用Bootstrap3。我已經開始研究具有四個「特徵」列的部分，並且每個部分都有一個圖像。我包括到它我的開發者版本的鏈接：

http://tymekpudlik.github.io/kajtek/

在鍍鉻/ Safari瀏覽器存在一個問題，即四個圖像，圖標（部分，在那裏是一種大腦圖像）具有更大的高度，他們應該有當我們第一次啓動該網站時。當我打開Chrome開發工具並單擊圖像的CSS高度屬性並輸入一個相同的百分比值（90％）時，圖像會更改爲正確的大小。問題僅適用於Chrome/Safari。

中沒有任何CSS屬性的特殊圖像：

img { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    height: 90%; 
    width: 90%; 
} 

我會很感激的任何幫助。謝謝！

Answer 1

是IMG的父元素的變化麥粒腫（即分度類「功能文本中心」）作爲

height:auto;代替height:100%;

這一招可以幫助你..