mishapsv, а то, что вы прислали в качестве примера не очень соотносится с тем скриншотом, что в вопросе. Ибо на скриншоте если где и возможна прокрутка, то уж точно не на body, а внутри белой зоны, если вам нужен зафиксированный подвал с элементами управления музыкой.
Что за бред. Ширина viewport у iPhone 4, 4S, 5, 5S и SE — ровно 320 px. Меньше размера viewport у телефон нет в природе. Даже у очень старых.
Поломанная вёрстка у вас из-за, собственно, косой вёрстки. Тестировать в Chrome верстку под Safari нельзя. Это другой движок. На всякий случай скажу, что Chrome на iOS — это тоже Safari, как и любой другой браузер на iOS. Такова политика Apple.
Если у вас MacOS, то тестируйте верстку в XCode в официальном эмуляторе, либо напрямую в десктопом Safari. Если Windows — покупайте подписку на тот же https://www.browserstack.com/.
P. S. Профиль для iPhone 4 можно выбрать в Chrome, нужно нажать «add device» или как-то так.
Hutson, делайте нормальные песочницы. Это занимает мало времени у вас, экономит время у нас, а вы получаете в итоге быстрый ответ. Гадать никто не любит.
Не за что.
P. S. К слову, следуя правилам ресурса, код криншотами запрещён, а такие вопросы подлежат удалению.
И больше ничем.