Стоит ли париться?

Question

[IninsaY]

Делаю резиновый сайт, на пк и на всех телефонах всё нормально:

Но на Iphone X вот так:


Что это такое?? Проблема не в margin и padding.

https://codepen.io/IninsayY/pen/MWYNJKz

Comments

[Шохрух Шаймардонов]

В песочнице у вас только футер.та на скрине, полагаю отображена проблема с контентом, точнее его недостаточностью из-за этого в айфоне не занятое пространство. Если хотите, чтобы при отсутствии контента футер прижался к нижней части страницы, можете использовать position: sticky

Answer 1

[Karpion]

Не понимаю, что значит "резиновый сайт".

Если Вам не нравится синий прямоугольник внизу - это значит, Вы неверно определяете высоту экрана.

Comments

[IninsaY]

"резиновый" - без фиксированых размеров, он выглядит по структуре одинаково, но всё подстраивается под экран пользователя. У меня получилось, но на айфоне 10 лишняя площадь. И что значит - неправильная высота экрана? У меня не указана ни высота, ни ширина, если я указываю auto, то ничего не меняется

[ProjectSoft]

IninsaY, смотрите в сторону flexbox.
Запрос - как прижать футер в низ