0

Хочу сделать сайт с прокруткой, где каждый блок является картинкой, при этом картинки могут быть разных размеров и форматов (4:3, 16:9). Подскажите пожалуйста, как можно эти картинки подстраивать под разные экраны. Допустим, чтоб на экране формата 4:3 картинка 16:9 обрезалась по бокам и наоборот для 16:9 изображение формата 4:3 обрезалось сверху и снизу и подстраивалось под размер окна браузера. И можно ли такое сделать через background-image? Заранее спасибо!

1 ответ 1

1

Через background-image элементарно делается. Вам нужен background-size:cover;

Не понимаю,почему вы не нашли ответ самостоятельно.

2
  • Не совсем, по размеру окна он не вписывает, т.е. появляется прокрутка, а мне нужно чтобы каждая картинка была с размер окна браузера. Т.е. вписывалась по ширине без обрезки и обрезалась по высоте, или наоборот.
    – svv
    9 апр 2015 в 11:55
  • У меня никакой прокрутки не появляется. Скорее всего у вас дело не в картинке,а в блоке,в котором эта картинка лежит. Попробуйте обнулить ему padding,margin и border, если не поможет - выложите ваш код (вообще это стоило с самого начала сделать), иначе можно долго гадать, где же вы там у себя ошиблись
    – Darth
    9 апр 2015 в 13:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.