Виталий Першин

Может ли сайт на мобильном устройстве и устройстве в «панель инструментов устройства » браузера отображаться по-разному?

Да, может.

Если у вас возникла такая проблема и не знаете как решить, тогда можно подключить телефон к ПК и использовать удаленную отладку, там так же будет доступен devtools

Тут довольно развернуты ответ: https://stackoverflow.com/questions/51496204/borde...

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

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