Best practice можно подглядеть например в bootstrap. Рекоммендую вам делать диапазоны медиа запросов - не конкретно device-width = xxx, а скажем min-width = xxx - таким образом вы обобщите все девайсы с размером окна больше xxx. Соответственно и max-width...
ligisayan: background-size:cover; и background-size:contain; это динамичные свойства, они рассчитывают ширину и высоту экрана, соответственно и background-position: 0 0; тогда бы должен просчитывать координаты, а это очень была б затратная операция ).
