Курс HTML5, CSS3, SEO, Wordpress и Photoshop

Адаптивное изображение

С помощью CSS можно делать изображения растягивающимся. Что позволяет использовать изображения в мобильных устройствах с маленьким экраном.

Для превращения изображения в адаптивное изображение, нужно прописать следующий код в стилевой файл (в CSS):
img {
max-width: 100%;
height: auto;
}
После этого любое изображение на сайте будет адаптивным, то есть изображение будет уменьшатся вместе с уменьшением экрана.
Вот посмотрите на результат:
Фрукты