Почему на мобильной версии сайта браузер не полностью масштабируется

Сделал адаптивный сайт под разрешение 300px. Возникла проблема, что при открытии сайта с мобильного устройства, он как будто бы имеет масштаб 110%, появляется скроллбар вправо. В devtools при прогоне по мобильным устройствам происходит так же. К тому же при уменьшении разрешения тег body начинает занимать меньше места чем есть по факту, даже явное задание width: 100% не исправляет ситуацию. Никакие элементы за тег не вылазят.

В мета теге прописано следующее :

<meta name="viewport" content="width=device-width, initial-scale=1">