У меня чертовски много времени, чтобы понять, что происходит с этим. Если вы запустите фрагмент, go на всю страницу и откроете инструменты разработчика и отобразите его как iphone 6,7 или 8. Он отлично выглядит в разработчику и показывает размеры ios 375px X 667px. (используйте chrome для этого)
Когда я смотрю на это в Safari Developer, он показывает размеры 375px X 624px
Наконец, вы заметили, что зеленый нижний колонтитул появляется в chrome. разработчик, но на фактическом iphone 6 зеленый нижний колонтитул в основном скрыт. Также в chrome разработчике есть намного больше места между read more и нижним колонтитулом. Я не могу за свою жизнь сообразить, что происходит.