Как сделать изображение адаптивным?

Нужно сделать адаптивными все изображения в записях.
В style.css прописываю


.picture { width: 100%; height: auto; }

Потом в запись вставляю


<div class="picture"><img src="image.jpg"></div>

Но ничего не происходит. В чем может быть проблема?

Добавить Комментарий

    Попробуйте так:

     .picture {
     width:100%;
     max-width: 200px; // например
     }
     .picture img {
     min-width: 100%;
     height: auto;
     }
     

    (одним кодом для всех картинок — не совсем правильно)

    Добавить Комментарий

    Спасибо, вроде помогло)

    Добавить Комментарий

    Ваш ответ

    Размещая свой ответ, вы соглашаетесь с правилами сайта.