Chrome Изменение размера изображения в ДИВ иначе

Question

То, что я работаю с теперь http://pastebin.com/3CSs2tCA

Вы можете вставить его сюда. http://htmledit.squarefree.com/

В Firefox, если окно меньше ширины 786 пикселей, логотип становится меньше и сохраняет его соотношение. В Chrome (и моем телефоне) изображение сохраняет свою высоту и становится хрупким. Не знаю, что изменить, чтобы исправить это.

Answer 1

Благодарим вас за хороший ответ на #css канал Freenode.

Старый код:

@media only screen and (max-width: 786px) { 

#logo { 
    vertical-align: middle; 
    display: table-cell; 
    height: 100%; 
    width: 100%; 
    min-width: 75px; 
    min-height: 75px; 
} 

измененная высота макс высоты: 100%, а ширина на авто.

@media only screen and (max-width: 786px) { 

    #logo { 
     vertical-align: middle; 
     display: table-cell; 
     max-height: 100%; 
     width: auto; 
     min-width: 75px; 
     min-height: 75px; 
    }