CSS圖像調整尺寸基於高度

Question

我知道上寬度調整圖像大小基地：

img{ 
    max-width: 100%; 
    height: auto; 
} 

或

img{ 
    width: 500px; 
    height: auto; 
} 

有沒有辦法通過高度來完成呢？這似乎沒有工作：

img{ 
    height: 500px; 
    width: auto; 
} 

我該怎麼做？

Answer 1

實際上，您可以明確聲明100px的高度（例如）height: 100px;。如果你的代碼不是這樣工作的，那麼這個上下文之外可能還有其他的東西會導致這個問題。

Answer 2

從你顯示它應該工作正常。

img{ 
    height: 500px; 
    width: auto; 
} 

上面的代碼不工作，請確保它不是以限制性DIV或其他樣式覆蓋它