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