Как адаптировать фотография под размер экрана

День добрый, подскажите пож-ста:

- Есть фото которые отображаются в виде баннеров (были загружены через разделы настроек шаблона в админ панели)

- Сделал баннер в фотошопе (формат png верный ли ? ), загрузил на созданную страницу сайта (информационную), сначала размер был около 1050 по ширине в пикселях, на сайте высовывался за границы, вылезал в правую сторону, подогнал размер под 850, через комп смотрится отлично, а вот через планшет, ни говоря уже о мобильнике, слишком сильно вылезает.

Вопрос: Как правильно сделать, чтобы фото на всех устройствах корректно отображалась, ведь те же самые баннеры адаптируются?

3 ответа

  • 1
    Wowk 13 июня 2016 14:18 #

    up

  • 1
    Wowk 13 июня 2016 14:37 #

    Вроде как необходимо вставить код в css:

    img {

    width:100%;

    height:auto;

    }

    А куда именно его нужно вставить) (раздел, строки..)

  • 1
    Wowk 13 июня 2016 17:32 #

    style.css, а какая есть его альтернатива, если прямого такого нет, через f12 страницы, тоже нечего не нахожу

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите