Wordpress Responsive Görsel

Merhaba arkadaşlar,

Wordpress yazılarımda konu ile alakalı paylaştığım görsellerin ekrana göre height:auto width:100%; atamasını yaptım fakat bu yeni bir sorun oluşturdu.

150x150px ebatındaki görselleriminde konu içerisinde width değeri %100 oldu ve düzenleme yapmama rağmen sorunum devam ediyor.

Görseller :

bu görselde istediğim ebat bu. Konu üzeri görseli ve width değeri 100%

Fakat bu resimde 350x350px ebatındaki görsel width değeri %100 olduğu için tüm sayfaya yayılıyor. Bu sorunu başka türlü nasıl çözebilirim.

Yardımlarınız için teşekkür ediyorum.

Şöyle daha uygun olur

max-width: 100%; height: auto;

Teşekkürler fakat bu cevap üzerine bir soru daha soracağım

Görselde görüldüğü gibi eklemiş olduğum resim width değeri olarak post divinin %100'ünü değil %70 ini falan kapladı. Bu görselin %100 olması için ne yapabilirim ?

@WPD arkadaşın verdiği %100ü taşmasın ama küçükse de küçük dursun şeklinde bi kod. ama diyosan ki istediğim fotoğraflar küçük de olsa ben tam genişlikte göstermek istiyorum, o zaman resmi düzenle deyip class ekleyebilirsin. style.css inde örneğin tam-genislik diye bi class tanımlarsan ve buna width:100% verirsen o classın olduğu imajlar 100% olur

Ek Olarak: @WPD arkadaşın verdiği %100ü taşmasın ama küçükse de küçük dursun şeklinde bi kod. ama diyosan ki istediğim fotoğraflar küçük de olsa ben tam genişlikte göstermek istiyorum, o zaman resmi düzenle deyip class ekleyebilirsin. style.css inde örneğin tam-genislik diye bi class tanımlarsan ve buna width:100% verirsen o classın olduğu imajlar 100% olur