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