У меня есть требование, чтобы мой веб-сайт полностью загружался на всех устройствах, поэтому я добавил <meta name="viewport" content="width=1600"/>
в заголовок моего проекта, чтобы решить эту проблему. Проблема в том, что я все еще вижу примерно 150-200 пикселей переполнения на iPhone 6 в портретном режиме (ширина 375 пикселей). iPhone 6 пейзаж и iPad все отлично работают ...
Странно то, что это идеально подходит, если я установил ширину области просмотра на 1400, так почему же 1600+ имеет значение? Конечно, он должен просто показывать содержимое на ширине, которую я указываю. Кроме того, вы могли бы подумать, что если бы один из 1400 и 1600 был переполнен, это была бы меньшая ширина, которая имела бы проблему
Я подумал, что это возможно из-за элементов, но я создал новую страницу, в которой был только элемент body, и она все еще была переполнена примерно на столько же.
Вот изображение загрузки страницы:

Вот как это выглядит, если я установил ширину области просмотра на 1400, а не на 1600.

Спасибо всем, кто может мне здесь помочь