ऊंचाई के साथ छवि पहलू अनुपात को संरक्षित करें

Question

मैं एक तालिका में कुछ आइकन के साथ काम कर रहा हूं और मैं आइकन के पहलू अनुपात को रखने के लिए देख रहा हूं।

ऊंचाई सभी को समान (18 पीएक्स) होना चाहिए लेकिन चौड़ाई अलग-अलग हो सकती है।

मैं इन के लिए अन्य समाधान देखा है जब चौड़ाई तय हो गई है और ऊंचाई की तरह this solution

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

नीचे दी गई कुछ नमूना कोड (कम से कम सिर्फ एक तालिका में सेल) मेरी मेज के लिए नीचे है ऑटो के लिए सेट है

<td class="set_symbol" style="text-align: center;"> 
    <img src="/static/img/symbols_large/Gatecrash_Uncommon.gif" style="height: 18px;"> 
</td> 

मुझे क्या करना चाहते हैं 18px पर छवि की ऊंचाई रखने के लिए और चौड़ाई हो जो कुछ भी पहलू अनुपात फिट बैठता है।

इसके अलावा, मेरे पास ब्राउज़र के बारे में कोई योग्यता नहीं है। तो अगर यह CSS3 या जो कुछ भी लेता है, इससे कोई फर्क नहीं पड़ता।

Answer 1

मैं क्या करना चाहता हूं कि छवि की ऊंचाई 18px पर रखें और चौड़ाई हो जो पहलू अनुपात फिट हो।

यह तुम क्या चाहते है:

img { 
    height: 18px; 
} 

See demo here.

ध्यान रखें, max-heigthheight के बजाय इस्तेमाल किया जा सकता आप छोटे छोटे चित्र रखना चाहते हैं।