iPhone Duo и Safari: два способа исправить вёрстку на складном экране

iPhone DUO

iPhone Duo получил немало хвалебных отзывов за софт, но Safari на складном экране — та самая ложка дёгтя, которую пользователи отмечают чаще всего. Проблема не в скорости рендеринга WebKit и не в нехватке оперативной памяти, а в том, как iOS масштабирует контент: по умолчанию Safari ведёт себя так, будто перед ним обычный 6,1-дюймовый смартфон, а не устройство с соотношением сторон ближе к планшетному. В результате сайты либо растягиваются на всю ширину с гигантским шрифтом, либо остаются в узкой колонке с огромными полями. Разберём два конкретных способа исправить это без джейлбрейка и сторонних браузеров.

Способ первый: системный размер текста и дефолтный зум страниц

Первый шаг — снизить системный размер текста. Путь: Settings → Appearance → Text Size, ползунок влево. Это влияет не только на интерфейс, но и на то, как Safari интерпретирует базовый кегль при рендеринге страниц без явно заданного font-size в CSS.

Второй шаг важнее: Settings → Apps → Safari → Page Zoom → 85%. Именно этот параметр меняет логику масштабирования. При 85% Safari перестаёт «надувать» вёрстку под физический размер пикселя и начинает отдавать предпочтение десктопным медиазапросам. На практике это означает, что многие сайты с адаптивной вёрсткой переключаются с мобильного layout на широкий, десктопный — с боковыми колонками, горизонтальной навигацией и нормальной плотностью контента.

С точки зрения IT это не хак, а работа с тем, как WebKit вычисляет device-width и применяет viewport meta. Снижая зум, вы фактически увеличиваете эффективную ширину вьюпорта в CSS-пикселях, и медиазапросы @media (min-width: 1024px) начинают срабатывать там, где раньше срабатывали max-width: 768px. Для складного экрана это критично: вы получаете ту самую «планшетную» раскладку, ради которой устройство и покупалось. Оговорка: на сайтах с жёстко зафиксированной мобильной вёрсткой (например, старые CMS без адаптива) эффект будет обратным — контент станет мелким. Поэтому 85% — это компромисс, а не универсальная константа; если зрение позволяет, можно пробовать 80%, но ниже опускаться не стоит — тап-таргеты станут неудобными.

Способ второй: расширение Wider для внешнего дисплея

Отдельная боль — Safari на внешнем экране. Правосторонние элементы управления (адресная строка, кнопки навигации) съедают существенную часть ширины, и сайты ощущаются зажатыми. Apple публично признала, что изучает способы улучшить этот опыт, но первого партийного фикса пока нет.

Промежуточное решение — расширение Wider от независимого разработчика Jordi Bruin. Изначально бесплатное, сейчас оно стоит $2.99 разовой покупкой. Расширение перестраивает раскладку Safari на внешнем экране, высвобождая ширину под контент. Важные нюансы, которые стоит знать до установки:

  • Статус — work-in-progress. На ряде сайтов с нестандартными edge cases (сложные фреймворки, кастомные скролл-контейнеры, фиксированные хедеры) возможны артефакты вёрстки.

  • Права доступа. Расширению Safari требуются разрешения на чтение и изменение данных страниц. Это стандартный механизм WebExtensions в iOS, но перед включением стоит оценить, готовы ли вы дать стороннему коду доступ к контенту вкладок.

  • Это не замена первопартийному решению. Как только Apple выпустит официальный фикс, необходимость в Wider отпадёт — держите это в голове при покупке.

Что в итоге

Оба совета решают одну и ту же инженерную задачу — приведение эффективного вьюпорта в соответствие с физическими возможностями складного дисплея. Первый способ бесплатный, системный и безопасный, но работает только там, где сайт корректно использует медиазапросы. Второй — платный, с компромиссами по приватности и стабильности, но закрывает именно ту нишу, которую Apple пока не закрыла сама.

Мой практический совет: начните с зума 85% и системного кегля — это zero-cost оптимизация, которая в большинстве случаев даёт 80% результата. Wider подключайте только если вы постоянно работаете с внешним экраном и готовы мириться с шероховатостями. И да, следите за бета-каналами iOS: если Apple действительно взялась за внешний дисплей, первый партийный фикс может появиться уже в ближайших минорных релизах — тогда стороннее расширение можно будет просто удалить.

Подписывайтесь на наш Telegram, VK.
MacNoob - живая помощь с iPhone и MAC
Добавить комментарий

Вы можете подписаться на новые комментарии к статье без комментирования.