Как один разработчик обошел почтовую коробку на сайте iPhone Xs |

Как разработчик обошел iPhone X's website letterboxing

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

От Стивена Рэдфорда:

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

Для размещения надреза iOS 11 ограничивает веб-сайты в «безопасной зоне» на экране. На большинстве сайтов это приводит к почтовому ящику слева и справа.

К счастью, есть два простых исправления, которые можно сделать, чтобы решить эту проблему.

Рэдфорд предлагает использовать фоновый цвет заставить столбцы принимать тот же цвет, что и ваш сайт, если он использует один сплошной цвет, а не градиент. Если вы используете изображение, градиент или другие цвета на своем сайте, вы можете использовать новую для iOS видовой экран, пригодный дескриптор, чтобы ваш сайт заполнил весь экран iPhone X.

Разумеется, разработчикам необходимо внедрить эти решения самостоятельно. Нам придется подождать до запуска iPhone X в начале ноября, чтобы узнать, использовал ли кто-нибудь методы Рэдфорда.

Получить больше iPhone

Apple iPhone

  • Обзор iPhone 11 Pro
  • Обзор iPhone 11
  • Лучшие чехлы для iPhone 11 Pro
  • Лучшие чехлы для iPhone 11 Pro Max
  • Лучшие чехлы для iPhone 11
  • Лучшие Защитные пленки для iPhone 11 Pro
  • Лучшие Защитные пленки для iPhone 11 Pro Max
  • Лучшие защитные пленки для iPhone 11
  • iPhone 11 Pro от 999 долларов в Apple
  • iPhone 11 от 699 долларов в Apple
Ссылка на основную публикацию