Иван

ставьте разные картинки в зависимости от media queries. Например вот.

https://developer.mozilla.org/en-US/docs/Web/CSS/M...
shpargalkablog.ru/2013/06/layout.html

"Отдают предпочтение" это сродни гаданию на гуще ... Что там под капотом никто не знает.
Да и тут скорее сайты с мобильной версией, а не чисто адаптив.

На мобильных такое меню дублируются на обычное.

Посмотрите статьи как делаются всякие Bootsrap сетки (не как пользоваться, а как реализовать).

Ну так спрашивайте верстальщика. Как по мне, он где-то просчитался с бутстрапом.
Ну и от самого устройства зависит. На маленьком разрешении у меня в эмуляторе вообще все ползет.

freelansim.ru

У большинства моб. браузеров разрешение 960, даже если экран фуллхд. Это легко проверить, если выводить ширину js'ом.

Не знаю как в вашем случае, но лично я сталкивался, что не всегда отладчик Хрома правильно прикидывается телефоном/таблеткой. Нормально работает только разрешение, если подключается какой-то JS или CSS, то сходство поведения не гарантировано. Проверяйте на оригинале / используйте эмулятор / положите на это половой орган (любой, по вкусу).

Вы хотите узнать ширину padding в %?
960 -> 100%
10 -> x

x*960 = 10*100
x= 10/960*100

Двойка вам :-P

habrahabr.ru/post/126863