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