fotoğrafı otomatik şekilde orantılı küçültmek.

kullandığım temada fotoğrafları otomatik olarak sayfa genişliğine göre küçülten bir kod kullanıyorum.

fakat bu sadece genişliğini ayarlıyor yükseklikte oynama olmuyor. dolayısıyla da fotoğraflar bozuluyor.

yüksekliğinde genişliğe göre otomatik ayarlanmasını nasıl yapabilirim?

kullandığım kod.

.postcontent iframe, .postcontent embed, .postcontent .wp-caption, .postcontent img {
max-width: 100% !important;
}

bu kod sadece genişliği ayarlar

max-width: 100% !important

bu kod da yüksekliği ayarlar.

max-height: 100% !important

aşağıdaki kod sorununu çözer herhalde

.postcontent iframe, .postcontent embed, .postcontent .wp-caption, .postcontent img {max-width: 100% !important; max-height: 100% !important;}

onu ben de denedim fakat işe yaramıyor.

çünkü style.css'te genişlik tanımlanmış durumda fakat yükseklik yok.

o yüzden genişliği 800 px'ten 600 px'e düştüğünde yüksekliğinde o şekilde orantılı düşeceği bir kod gerekiyor.

sayfa aşağı doğru uzandığından dolayı yüksekliği küçültmüyor kodlar.

orantılı işlem yapabilecek bir kod gerekiyor.

Eklenti şeklinde işime yarar dersen, nCode tavsiye ederim.

CSS de genişlik atadığında eğer yükseklik atamazsan yükseklik fotoğrafın orantısında kalır.
Sadece genişliği ayarlaman gerekir.

Yükseklik için ise important değer olmadığından emin olman lazım...