Отзывчивое фоновое изображение (полная высота)

Question

Я хочу разместить изображение в качестве фона на веб-сайте, и я хочу, чтобы это изображение было отзывчивым, но нижний колонтитул всегда был нижним, так что добавление изображения менялось, я хотел бы быть " отрезать "по ширине. Я приведу вам три примера.

Пример # 1: Просмотр веб-страниц в 16: 9

http://i.stack.imgur.com/f5xDd.jpg

Пример № 2: Просмотр веб-страниц на смартфоне

http://i.stack.imgur.com/qdlPV.jpg

Может кто-нибудь мне помочь? (Я использую Google Translate так что простите любой нечетный использование английского языка)

Answer 1

Попробуйте использовать:

background-size: cover; 

или

background-size: contain;