Привет. У тебя не стоит мета тег viewport, из-за этого на мобильных девайсах и планшетах размеры пересчитываются под физические размеры экрана, т.е. разрешения 2048 x 1536. Обычной практикой является использование вышеупомянутого мета тега, с теми или иными характеристиками. Обычно я использую тег с такими, как ниже свойствами.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
При использовании данного тега уже после верстки, могут возникнуть артефакты, которые придется устранять. Могут поехать блоки, сайт может не вписаться в отведенные области, т.к. изначально верстался под другое поведение.
Простой
