Какова высота паналей Safari в последних версиях iOS?

Question

[Нерон Лордов]

Нужно сделать мокапы веб-сервиса в мобильном варианте. Соответственно, помимо разрешения экрана нужно учитывать размер панелек мобильного браузера, чтобы грамотно спроектировать первый экран веб-приложения (желательно вообще весь интерфейс уместить в один экран).

Самый неудобный в этом плане браузер - сафари, у него есть верхняя панелька и нижняя. Подскажите пожалуйста размеры этих панелек в Safari для последних актуальных версий iOS (7, 8, 9, 10).

Comments

[xmoonlight]

Мужик, вот честно: не знаю....
никогда не беру эти данные в расчёт.... обычно: высота окна и высота viewport.... сорри.

[Нерон Лордов]

xmoonlight: лан, спасибо что заглянул)

[Нерон Лордов]

xmoonlight: можешь пригласить кого-нибудь еще? а то мне почему-то тостер эту функцию блокирует теперь(

[xmoonlight]

Nekto_Habr: пригласил ManWithBear - может он подскажет....

Answer 1

[ManWithBear]

По идее это обычные toolbar'ы, так что 44 поинта, а там уже 44. для не ретины, 88 ретина, и особая магия с плюсовыми экранами.

Comments

[Нерон Лордов]

Нижний - 44, а верхний? (где адресная строка, без учета полосы с уровнем сигнала/часами/зарядкой)

[ManWithBear]

Nekto_Habr: searchbar? тоже 44

[Нерон Лордов]

ManWithBear: А что за особая магия с плюсовыми экранами? На плюсовых фонах эти панельки становятся выше?

[ManWithBear]

Nekto_Habr: нет, на плюсовых экранах сложнее высчитывать пиксели. Там используются x3 scale, который потом ещё downslace'ится из-за dpi.

[Нерон Лордов]

ManWithBear: можно сложный пример в студию? пригодилось бы знать такие вещи)

[ManWithBear]

Nekto_Habr: вот тут посмотрите: www.kylejlarson.com/blog/iphone-6-screen-size-web-...

[Нерон Лордов]

ManWithBear: спасибо. ну, сложностей с точки зрения дизайна не увидел - панельки всегда остаются 44dp в высоту и резинятся вширь, а вот графику готовить сложновато, да, из-за этих даунсемплингов) Хотя при таком разрешении наверное уже не будет разницы между пиксель-перфект иконкой и по-халтурски сделанной иконкой.