Создал тестовую страницу с минимальной шириной в
800px, далее проверяем на мобильном устройстве:
1. Если страница короткая - то вертикальный скролл не появляется и в общем страница отображается оптимально.
2. Если страница длинная - то появляется вертикальный скролл, т.к. скролл имеет свою ширину, то ширина общей страницы становится больше
800px и из-за этого появляется горизонтальный скролл.
Вопрос: как добиться отображение на длинной странице аналогично короткой, как в данном случае решается вопрос со скроллом?
Короткая страница без вертикального скролла:
Демонстрация на iPhone...
Код на codepen.io...
Длинная страница с вертикальным скроллом:
Демонстрация на iPhone...
Код на codepen.io... 
Простой
