[HTML][CSS]responsywny obrazek, skalowanie zależne od wysokości i szerokości okna Opcje

[michalsaa]

Cześć.
Czy da się za pomocą samego css zmusić przeglądarkę do skalowania obrazka zależnie od rozdzielczości ekranu na szerokość i wysokość ?
Obecnie w css mam coś takiego

[HTML] pobierz, plaintext 
    img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
[HTML] pobierz, plaintext 

przy zmianie szerokości okna wszystko ładnie się skaluje, ale przy zmianie wysokości już nie. Na monitorach panoramicznych o niższej rozdzielczości takiego obrazka nie da się w całości obejrzeć - bo nie mieści się na wysokość. Trzeba przewijać. Czy da się to jakoś rozwiązać aby skalowanie odbywało zależnie od szerokości ale i od wysokości ekranu ?

[michalsaa]

Oba sposoby przy zmianie szerokości okienka - wszystko działa.
Przy zmianie wysokości - obrazek się nie skaluje.
Proszę zerknąć. Spróbujcie zmniejszyć okno na wysokość.

https://jsfiddle.net/sc40od78/
https://jsfiddle.net/sc40od78/1/