[Адаптивная вёрстка] Какие пиксели использует background-size (logical / device)?
Если я не ошибаюсь, то картинка должна занять четверть элемента (1/2 ширины, 1/2 высоты).
Ошибаетесь. Целиком элемент и займет. Всё в браузере оперирует логическими пикселями.
Это же логично. Почему, по-вашему, часть стилей должна оперировать логическими пикселями, а часть «настоящими»?
Потому, вариант 2.
Я думаю, правильным будет вариант 3 - сделать примитивную страничку на jsfiddle и открыть с мобильного