Почему браузер обрезает страницы

Question

Я тестирую как моя страница будет выглядеть на смартфоне и вижу такую картину

еще появляется горизонтальный скролл, хотя все блоки подогнаны под width:100%?

Answer 1

Думаю, что проблема решается с помощью правильного viewport, хотя слишком мало данных для того, чтобы говорить это с уверенностью.

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