В чем особенность размещения фонового изображения при мобильной верстке?

Некоторые особенности размещения фонового изображения при мобильной вёрстке:

• Адаптация под разные разрешения экрана. myrusakov.ru Фоновая картинка должна подстраиваться под различные размеры экранов, не теряя своих пропорций и качества. myrusakov.ru Для этого используют свойство background-size со значением cover. webformyself.com www.internet-technologies.ru
• Использование уменьшенных версий изображения. webformyself.com www.internet-technologies.ru Загрузка большой картинки может быть слишком расточительной с точки зрения скорости загрузки для мобильного интернета. myrusakov.ru
• Зафиксирование положения фона. myrusakov.ru sky.pro Это нужно, чтобы изображение оставалось на месте, даже когда пользователь прокручивает страницу вниз. webformyself.com Для фиксации используют свойство background-attachment со значением fixed. myrusakov.ru webformyself.com
• Учёт разнообразия соотношений сторон. sky.pro Устройства с различными соотношениями сторон могут вести себя по-разному. sky.pro Для адаптации под специфические размеры и формы экранов используют медиа-запросы CSS. sky.pro
• Контроль потока содержимого. sky.pro Это помогает устранить смещения фоновых изображений, которые могут возникнуть внезапно. sky.pro Для контроля используют свойства overflow для элементов html и body. sky.pro