Как сделать изображение адаптивным?
Нужно сделать адаптивными все изображения в записях.
В 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; }
(одним кодом для всех картинок — не совсем правильно)
Спасибо, вроде помогло)