Отзывчивое фоновое изображение в двадцать пятнадцатом номере

Question

Я пытаюсь сделать свое фоновое изображение отзывчивым в двадцать пятнадцатой теме, особенно для мобильных устройств, то есть 360 пикселей на 640 пикселей. Я пробовал тонны CSS, но не кубики. Я считаю, что div - body.custom-background.

Вот сайт тест: test.justinhawleydesign.com

Благодаря

Джастин

Answer 1

Вам потребуется макс-ширина: 100% и установите ваш фон центр фиксированного центра.

Он работает лучше всего, чтобы поместить это в элемент html, так как он более надежен на всю высоту браузера. Тем не менее, тело, кажется, отлично работает для вас здесь, когда я переработал инспектора.

body.custom-background { 
    background: url('http://test.justinhawleydesign.com/wp-content/uploads/2015/09/camera-green22.png') no-repeat center center fixed; 
    max-width: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}