Css auto width/height sorunu (?)

Merhaba arkadaşlar, css'te bir türlü düzeltemediğim ama muhtemelen çözümü çok basit olan bi sorunum var, yardımcı olursanız sevinirim.

img{ width:100%; }
genişlik kapsayıcıya yayıldı yüksekliği de orantılı olarak browser hesapladı.

Sonra aynı görsel için yükseklik belirledik;
img{ height:100%;width:auto; }
ama burda width ilk girdiğim değer olan 100% olarak kalıyor. Ben istiyorum ki yeni heighte göre width otomatik hesaplansın.

Yukarıyı yazmadan önce, derdimi resim üstünde anlatmak daha kolay olur diye painti açtım da açmaz olaydım bitmek bilmedi. Sonra şu derdimi anlatmak için böyle bişey hazırladığım için utandım

Ama an itibarıyla "o kadar hazırladık boşa gitmesin" ruh hali içindeyim
Sıkıştırıvereyim şuraya.

madem auto olsun istiyorsun. neden 100% verdin. direk auto ver. 2 kere değer vermenizin anlamı nedir? bu arada auto yaymaz. 100% olması lazım auto yukseklik değerine göre genişliği ölçülendirir. tavsiyem cover kullan

Hocam sanırım konu net anlaşılmamış. İstediğim tam olarak şu:
width:100%; iken height auto olsun, daha sonra heighti 100% yapayım ve width auto olsun (width:100%; olarak kalmasın).

Width ve height değerleri ekran boyutu alındıktan sonra js ile tanımlanıyor. Öncesinde css dosyasında herhengi bir tanım bulunmadığı için siteye ilk girişte görüntü istediğim gibi oluyor. Ekran yönü (yatay/dikey) değişirse sorun başlıyor.

http://jsfiddle.net/jf8Lqgpb/ şu tarz bir şey mi arıyorsunuz. Resmin yüksekliği kendini kapsayan divin yüksekliği ile aynı genişliği ise kendisini kapsayan div kadar gösteriliyor. Yani width üzerinden değil height değeri üzerinden ayarlama yapılıyor.

Hocam istediğim tam olarak aşağıdaki linkte ve çok ilginç bi şekilde burda çalıştı.

Giriş yaptıktan sonra resize yapın. Ekran çözünürlüğünü ilk açıldığında 1920*1080, resize'da 1080*1920 algılayacak bunları mobille uğraşmamak için manual girdim.

https://jsfiddle.net/codeksper/q93z62pw/

Burda sorun çıkmadı çok ilgiinç.
Önce width:100%;height:auto;
Sonra height:100%;width:auto;
oldu. Ben localdeki veya sunucudaki aynı kodları aynı tarayıcı ile çalıştırınca bu sonucu alamıyorum neden olabilir.

Yaşadığınız sorunu görmeden bir şey diyemeyeceğim ama ekran boyutu yerine tarayıcı boyutu üzerinden işlem yapmanız daha doğru olacaktır.

https://jsfiddle.net/q93z62pw/1/

Yok hocam screen işime yarıyor.
www.wallpaper.blue
Maksat şu sayfaya hangi cihazla girildiyse duvar kağıtlarını o ekrana özgüymüş gibi listelemek ama tabi burda mobile veya tabletle girip ekranı yatay dikey çevirmek lazım sorunu görmek için.
Bu sitede aynı kodlar çalışmıyo çıldırcam takıldım kaldım : S

O zaman en başta söylediğim şeye geliyoruz. Siz sadece wrapper divinin height değerini ayarların, resim de ona göre otomatik boyutlansın.

http://jsfiddle.net/jf8Lqgpb/2/