Хитрый адаптивный слайдер
 

Есть задача - нужно реализовать адаптивный слайдер. Он должен быть во всю ширину экрана. В слайде фон блока (на всю ширину) и центровщик с контентом. Меняется и контент и сам фон блока. Никак не придумаю решение. Не то что готовый скрипт, даже примерно не понимаю каким образом такое реализовать. Может есть готовые скрипты? Примера на просторах интернета не нашел. Подскажите...

Может можно как-то определять ширину экрана устройства и подставлять в css фикс ширину?
Но загвоздка ещё в том, что там над всеми слайдами будет стоять абсолютно спозиционированный контент.

Василий12330, Медиа-запросы

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

Василий12330, используйте единицы измерения vh/vw для установки размера блока.

1vh = 1% высоты экрана
1vw = 1% ширины экрана

К примеру:

.MySlider {
    height: 20vh;
    width: 80vw;
}