Viewport iPhone SE — 375 × 667 CSS px
Компактный пресет для проверки плотных мобильных интерфейсов. Небольшая высота помогает заметить, сколько места занимают шапка и первый экран формы.
- Исходный viewport
- 375 × 667 CSS px
- Portrait
- 375 × 667 CSS px
- Landscape
- 667 × 375 CSS px
- Категория
- iPhone
- DPR пресета (справочно)
- 2
Что означает размер viewport
Размер viewport 375 × 667 означает CSS-размер области просмотра браузера в пресете, а не физическое разрешение матрицы экрана. DPR 2 указан справочно: tester не меняет плотность пикселей и не эмулирует ОС или движок браузера устройства.
Portrait и landscape
После поворота особенно важна доступная высота: раскрытое меню или диалог может занять почти всю область. Убедитесь, что к его нижним элементам можно прокрутить.
На что обратить внимание
Начните с длинного заголовка, цены и основной кнопки. Уберите фиксированную ширину у полей, если они выходят за контейнер. Проверьте, что баннер согласия не закрывает действие, а меню не требует горизонтальной прокрутки.
Как проверить сайт в этом размере
Откройте tester, введите URL и нажмите «Проверить сайт». В рабочей области нажмите «Добавить устройство» и выберите iPhone SE, если его ещё нет среди активных экранов. Исходный размер — 375 × 667 CSS px. Кнопка поворота меняет стороны местами. Ссылка ниже открывает tester без автоматического выбора пресета.