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

Нужно сделать адаптивными все изображения в записях.
В 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;
 }
 

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

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

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

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

Ваш ответ

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