Как сделать изображение адаптивным?
Нужно сделать адаптивными все изображения в записях.
В style.css прописываю
.picture { width: 100%; height: auto; }
Потом в запись вставляю
<div class="picture"><img src="image.jpg"></div>
Но ничего не происходит. В чем может быть проблема?
2 Ответ(ы)
Попробуйте так:
.picture {
width:100%;
max-width: 200px; // например
}
.picture img {
min-width: 100%;
height: auto;
}
(одним кодом для всех картинок — не совсем правильно)
Спасибо, вроде помогло)
