Можно ли масштабировать изображение с сохранением пропорций только средствами CSS?

Есть блок 300х300 px. Можно ли сделать без JS что бы если картинка внутири блока шириной меньше 300, то растягивалась по-горизонтали с сохранением пропорций, а если не хватает высоты, то расстягивалать по-вертикали?

Вариант с оним измерением работает на ура, а вот двумя не могу ничего придумать...