Сохранение совместимых фоновых изображений на всех устройствах

Question

Как относительный новичок, похоже, я стараюсь найти правильный баланс между созданием медиа-запросов на основе контента, а не конкретных устройств.

Я сейчас борюсь с целевой страницей, которая имеет css-фоновое изображение, охватывающее весь видовой экран. Чтобы обеспечить постоянство изображения (т. Е. Без обрезки) на всех мобильных устройствах, я начал писать мультимедийные запросы на основе устройств, которые загружают разные версии изображения. К тому моменту, когда я создал их для четырех разных iPhone (портретных и пейзажных), раздавались тревожные звонки.

Есть ли лучший способ достичь того, что я пытаюсь сделать, или я должен просто признать, что изображение будет отличаться от устройства к устройству?

Вся помощь с благодарностью получена.

Стив

Answer 1

http://sixrevisions.com/css/responsive-background-image/

body { 
    background: url(background-photo.jpg) center center cover no-repeat fixed; 
} 

Это должно выглядеть относительно хорошо на всех устройствах.