Почему по разному отображается адаптация?

Question

[Артём Цымбалюк]

Здравствуйте. Заадаптивил сайт, на компьютере, в инспекторах браузера, адаптация под разные разрешения отображается нормально.
Но если зайти с реального мобильного телефона, то с первым блоком проблема, он добавляет себе высоту
Как это можно решить?
Сам сайт

Comments

[Родион Мещеряков]

Версия операционки, версия браузера, скриншот бага?

Answer 1

[Максим Тимофеев]

в браузере и на мобильном - это две разные истории. Причем зависит от того что за мобильный? Например тупые apple не знают vh и vw и отличий таких миллион. В браузере Вы их не увидите.

Comments

[Артём Цымбалюк]

Максим Тимофеев со всех пытался и apple и htc и samsung. Просто берут и добавляют тегу < header > дополнительный height

[Максим Тимофеев]

Артём Цымбалюк: дополнительный height - это что? Объясните подробнее. Атрибут height к тегу или высота больше чем Вы ожидаете?

[Максим Тимофеев]

Артём Цымбалюк: ЕСли Высота, то она у Вас не указана жетко там min-height, а значит может быть больше чем Вы ожидаете.

[Артём Цымбалюк]

Максим Тимофеев высота у < header > больше чем я ожидаю. А нету ли для мобильных устройств какого нибудь инспектора, что бы можно было глянуть что да как ?

[Максим Тимофеев]

Артём Цымбалюк: Можно мобильник подключить к компу и инспектировать на компе, то что в нем. Такая фича есть у google chrome

[DTX]

Максим Тимофеев: разве не Apple впервые ввели vw/vh?