[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]

Teraz faktycznie zaczęło to działać. Ale czy nie dało by się tego zrobić bez width: 100% ? Bo teraz każde zdjęcie rozciąga się na maksa. Co na monitorach z full hd i zdjęciu np 1200px na dłuższym boku daje bardzo słabą jakość.