Resim Taşma Derdine Son!!

Sitelerinizde eklediğiniz resimler sayfanızın boyutunu aşabilir ve taşma yapabilir. Eklenti veya kodlarla uğraşarak bunu ayarlayabilirsiniz ama hem kod fazlalığı olacaktır hem de zahmetli olacaktır. Basit bir css düzenlemesiyle bu durumu ayarlayabiliyoruz.

Resimleriniz hangi divin içinde görünüyorsa o divin img ayarını düzenleyeceğiz ve resimlerimiz sayfa boyutunu aştığında oto küçültülecek.

.yazi-ici img {height:auto; max-width:550px;border:1px solid #ddd;}

yukarıda height auto kalsın ki küçüldüğünde oto boyutlansın. Max-width
değerinide sayfanız en fazla ne kadara izin veriyorsa o kadar yapın. Zevkinize görede border tanımlayabilirsiniz.

Örnek olarak aşağıdaki resme bakabilirsiniz. Resim boyutu sayfa tasarımını bozuyor ama kodumuz sayesinde otomatik ayarlanıyor.

Kaynak

Teşekkürler ...

rica ederim hocam basit bir bilgi ama bazen çok önemli olabiliyor.

konuyu hortlatıyorum ama var mı güncel çözüm ya da hala geçerli midir bu kod? öne çıkan görsellerimde kareden taşma sorunu yaşıyorum.