Как адаптировать ваш сайт под iPhone X? Рассказывает Apple

Накануне выхода iPhone X компания Apple опубликовала инструкции для разработчиков, адаптирующих свои приложения под нестандартный экран нового дисплея. Теперь же компания решила поделиться советами с веб-дизайнерами, которые хотят, чтобы их сайты смотрелись современно.

В число нововведений iOS 11.2 вошел обновленный набор инструментов API для WebKit — технологии, которая лежит в основе браузера Safari. Обновленные инструкции, доступные на специальной странице, позволят веб-разработчикам сделать так, чтобы просмотр их сайтов на экране iPhone X не вызывал раздражения и разочарования.

Самая серьезная проблема связана с сайтами, у которых контент располагается по всей ширине и при прокручивании может закрываться пресловутой бровкой дисплея нового iPhone. Создателям таких сайтов рекомендуется в срочном порядке переписать используемый движок, чтобы исправить данную проблему.