Новости и события » 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


В Одесской области задержали велосипедного грабителя

В Одесской области задержали велосипедного грабителя

К сотрудникам Килийского отделения полиции обратился мужчина, заявив, что возле магазина встретил малознакомого мужчину, который избил его, забрал велосипед и скрылся с места происшествия. Об этом «Одесскому паблику» сообщили в пресс-службе ГУ подробнее ...

загрузка...

 

Вверх