Новости и события » Hi-Tech » Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X

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

Как и следовало ожидать, основной проблемой для владельцев веб-ресурсов является тот самый наплыв iPhone X, содержащий фронтальную камеру, сенсор Face ID и датчики освещения и приближения. Именно он мешает стандартной работе сайтов, большинство из которых не могут самостоятельно подобрать наилучший формат отображения содержимого.

По умолчанию неадаптированный сайт на экране iPhone X, находящегося в альбомной ориентации, выглядит так:

А так выглядит пример неправильной адаптации, когда некоторые компоненты сайта, подстраиваясь под экранный наплыв, сдвигают другие:

В идеале все должно выглядеть так:

Сравните адаптацию в портретной ориентации:

Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X

Как выглядят сайты на экране iPhone X


Apple Pay в России заработал с картами еще нескольких банков

Apple Pay в России заработал с картами еще нескольких банков

Apple Pay продолжает расширять свое присутствие на российском рынке. Теперь платежный сервис от Apple получил поддержку банков «Россельхозбанк» и «Авангард», а также стал доступен держателям карт Visa, эмитированных банками «Санкт-Петербург», подробнее ...

загрузка...

 

Вверх