Как выглядят сайты на экране iPhone X
Подавляющее большинство страниц в Интернете не смогут автоматически подстроить верстку под формат дисплея iPhone X. Это признала даже Apple и выпустила для владельцев сайтов специальное руководство, которое подробно рассказывает о том, какие шаги следует предпринять, чтобы веб-сайт самостоятельно адаптировался под еще не вышедший смартфон.
![Как выглядят сайты на экране iPhone X. Как выглядят сайты на экране iPhone X. Фото.](https://appleinsider.ru/wp-content/uploads/2017/09/iPhoneX.jpg)
Как и следовало ожидать, основной проблемой для владельцев веб-ресурсов является тот самый наплыв iPhone X, содержащий фронтальную камеру, сенсор Face ID и датчики освещения и приближения. Именно он мешает стандартной работе сайтов, большинство из которых не могут самостоятельно подобрать наилучший формат отображения содержимого.
По умолчанию неадаптированный сайт на экране iPhone X, находящегося в альбомной ориентации, выглядит так:
![Как выглядят сайты на экране iPhone X. Как выглядят сайты на экране iPhone X. Фото.](https://appleinsider.ru/wp-content/uploads/2017/09/1-1.png)
А так выглядит пример неправильной адаптации, когда некоторые компоненты сайта, подстраиваясь под экранный наплыв, сдвигают другие:
![Как выглядят сайты на экране iPhone X. Как выглядят сайты на экране iPhone X. Фото.](https://appleinsider.ru/wp-content/uploads/2017/09/2-1.png)
В идеале все должно выглядеть так:
![Как выглядят сайты на экране iPhone X. Как выглядят сайты на экране iPhone X. Фото.](https://appleinsider.ru/wp-content/uploads/2017/09/3-1.png)
Сравните адаптацию в портретной ориентации:
![Как выглядят сайты на экране iPhone X. Как выглядят сайты на экране iPhone X. Фото.](https://appleinsider.ru/wp-content/uploads/2017/09/4-2.jpg)
![Оставить комментарий в Telegram. Поделитесь мнением в чате читателей Appleinsider.ru Оставить комментарий в Telegram. Поделитесь мнением в чате читателей Appleinsider.ru](https://appleinsider.ru/wp-content/themes/101media-ai-2015/img/tg1.jpg)